Installation du framework React

Pour installer le framework, vous aurez besoin de NodeJS 22+ sur votre ordinateur. Pour créer un projet, exécutez la commande suivante dans votre ligne de commande :

terminalnpm create vite@latest my-app -- --template react

Puis exécutez les commandes suivantes :

terminalcd my-app
npm install
npm run dev

Après cela, vous obtiendrez un dossier my-app contenant le framework. Trouvez dans ce dossier le dossier src - ce sera votre dossier de travail, dans lequel vous développerez votre projet.

Dans le dossier src, trouvez le fichier App.js. Ce fichier sera votre fichier de travail principal pour les prochaines leçons. Vous y écrirez du code en observant ses résultats dans la fenêtre du navigateur.

Ouvrez ce fichier dans votre éditeur et supprimez tout le contenu superflu, pour le ramener à cet aspect :

App.jsimport React from 'react';

function App() {
  return <div>
    text
  </div>;
}

export default App;

Une fois votre projet installé, pour le lancement suivant (par exemple, après un redémarrage de l'ordinateur), il vous suffira de passer par le terminal dans le dossier my-app et d'exécuter la commande suivante :

terminalnpm run dev