2.2 comment installer react sur son ordinateur ?

Dans cette vidéo, nous voyons comment installer React sur votre ordinateur. La première étape est de disposer d'un éditeur de code, et nous recommandons Visual Studio Code (VS Code) qui est gratuit et très complet. Une fois VS Code installé, nous pouvons attaquer l'installation des outils nécessaires à React.

Étapes d'installation

  • Télécharger et installer Node.js (version LTS recommandée).
  • Ouvrir l'invite de commandes Windows (cmd).
  • Créer un dossier projet et l'utiliser comme racine.
  • Générer le projet avec npx create-react-app.
  • Lancer le serveur de développement avec npm start.

Après avoir installé Node.js depuis nodejs.org, ouvrez l'invite de commandes et créez un dossier de travail. La commande npx create-react-app mon-app génère automatiquement toute la structure d'un projet React : dossier src/, fichiers de configuration, package.json et dépendances. L'installation peut prendre quelques minutes selon votre connexion, soyez patient. 

mkdir react-projet
cd react-projet
npx create-react-app my-app
cd my-app
npm start

Une fois le projet créé, vous lancez npm start pour démarrer le serveur de développement local. Votre navigateur s'ouvre automatiquement sur http://localhost:3000 et affiche la page React par défaut. Pour arrêter le serveur, faites Ctrl+C dans le terminal. Il ne vous reste plus qu'à glisser le dossier du projet dans VS Code pour commencer à coder.

En résumé

Ce cours vidéo guide les débutants à travers l'installation complète de React sur Windows. Il couvre l'installation de Node.js (version LTS), la création d'un projet avec create-react-app via l'invite de commande, l'utilisation de VS Code comme éditeur, et le lancement de l'application locale sur localhost:3000.

Points clés

  • Prérequis : VS Code (éditeur de code recommandé) et Node.js version LTS depuis nodejs.org
  • Installation du projet via terminal : mkdir, cd, puis npx create-react-app my-app
  • Lancement de l'application avec npm start, accessible sur localhost:3000
  • Gestion du projet dans VS Code en ouvrant le dossier généré
  • Arrêt de l'exécution avec Ctrl+C dans l'invite de commande

Questions fréquentes

Quel éditeur de code faut-il utiliser pour développer avec React ?

VS Code est l'éditeur recommandé pour ce cours, bien que d'autres éditeurs de texte soient acceptables.

Où télécharger Node.js et quelle version choisir ?

Il faut télécharger la version LTS (Long Term Support) sur nodejs.org, qui est la version recommandée pour débuter.

Comment créer et lancer un projet React après installation de Node.js ?

Ouvrir l'invite de commande, créer un dossier (mkdir), naviguer dedans (cd), puis utiliser npx create-react-app my-app. Ensuite, lancer avec npm start pour voir le projet sur localhost:3000.