React est une bibliothèque Javascript utilisée pour créer des interfaces utilisateur interactives rapides. React a été développé par Facebook en 2011 et est devenu la bibliothèque Javascript la plus populaire pour le développement d'applications Web et d'applications mobiles.
Prérequis
Avant d'installer React, nous avons besoin de quelques éléments.
- Un serveur exécutant Ubuntu 20.04 ou 18.04.
- Environ 10 minutes et une tasse de café ou de thé chaud. Je préfère Vanilla Chai avec un trait de lait entier ou d'amande selon mon humeur du jour.
Étape 1 :Installer NPM
Tout d'abord, nous devons installer NPM (mode package manager), qui est un outil de ligne de commande et un registre qui héberge des milliers de packages Node.js.
Installer npm :
$ sudo apt install npm
Bam ! C'était facile. Npm est installé et vous pouvez maintenant vérifier la version en utilisant :
$ npm --version
$ node --version ← L'installation de npm a également installé Node.js, cela vérifiera sa version.
Étape 2 – Installez create-react-app
Nous devons maintenant installer l'utilitaire create-react-app qui vous donne les outils nécessaires pour créer des applications React.
$ sudo npm -g install create-react-app
Confirmez la version :
$ create-react-app --version
Étape 3 – Créer et lancer une application React
Passons maintenant aux choses amusantes ! Créons votre première application React. Le processus est assez simple et vous pouvez avoir une application opérationnelle en quelques minutes.
Pour créer l'entrée de l'application React :
$ create-react-app [app-name] ← Remplacez "[app-name]" par ce que vous voulez. Allez-y, devenez fou.
Le système commencera à installer tous les packages et outils nécessaires, ce qui prendra quelques minutes.
Une fois l'application créée, vous serez invité avec une liste de commandes pour gérer votre application.
Vous pouvez toujours copier/coller ces commandes dans un fichier texte sur votre bureau pour les enregistrer pour plus tard. Mon bureau est jonché de notes Linux aléatoires !
Étape 3 :Exécutez votre nouvelle application
Vous avez créé votre nouvelle application sophistiquée lors de notre dernière étape, nous devons maintenant exécuter l'application. Pour ce faire, accédez d'abord au répertoire des applications :
$ cd [app-name] ← Encore une fois, remplacez "[app-name]" par le nom que vous avez choisi.
Exécutez cette commande :
$ npm start
Vous devriez voir une sortie vous indiquant les adresses IP et le numéro de port pour afficher votre application.
Ouvrez le navigateur Web de votre choix, de préférence pas Microsoft Edge, et accédez à :
http://ip-address:3000
Après avoir navigué vers votre installation React, vous devriez être accueilli par la page par défaut de React. Toutes nos félicitations! Vous venez d'installer React et vous pouvez maintenant développer selon vos désirs.