Dans ce premier chapitre, nous allons voir comment commencer à utiliser React. Si vous voulez commencer simplement sans avoir à configurer de chose sur votre ordinateur vous pouvez utiliser l'éditeur en ligne CodeSandbox en utilisant le modèle fournit sur la documentation (en cliquant sur "fork").
Si on souhaite travailler en local avec React, il va falloir utiliser un outil spécifique pour convertir la syntaxe utilisée par la librairie (JSX) en JavaScript interprétable par le navigateur. Il existe plusieurs outils, mais nous allons utiliser Vite qui est à mon sens le plus simple d'utilisation. On peut créer un projet avec en une simple commande :
Avec npm :
npm create vite@latestAvec yarn :
yarn create viteAvec PNPM :
pnpm create viteL'installeur vous demandera alors le modèle à utiliser et on va sélectionner "react", et dans le second choix on va utiliser "JavaScript".
Une fois l'installation faite, il vous indiquera la marche à suivre pour lancer le projet.
- On commence par installer les dépendances avec le gestionnaire notre gestionnaire de paquet (pnpm, npm, yarn...).
- On peut ensuite démarrer le serveur de développement à l'aide du script "dev". Ce serveur sera ensuite accessible sur le port "5173" par défaut. Vous pouvez alors ouvrir la page "http://localhost:5173" sur votre navigateur.
