🛠️ Création d’un Nouveau Projet React (React pur)

Une fois Node.js et npm installés, créez un projet React “pur” avec Create React App. Cette méthode est simple, pédagogique et fournit une configuration prête à l’emploi (Babel, Webpack, JSX transform).

Étapes rapides :

Ouvrez une fenêtre de terminal et placez-vous dans le dossier souhaité :


cd ~/Desktop

Créez le projet (méthode recommandée avec npx) :


npx create-react-app mon-projet-react

Alternatives selon le gestionnaire de paquets :

Avec pnpm :
```
pnpm create react-app mon-projet-react
```
Avec yarn classic :
```
yarn create react-app mon-projet-react
```

(Optionnel) Pour démarrer avec TypeScript :


npx create-react-app mon-projet-react --template typescript

Démarrer le serveur de développement :


cd mon-projet-react
npm start
# ou avec pnpm : pnpm start
# ou avec yarn : yarn start

Le serveur de développement ouvre généralement automatiquement votre navigateur sur http://localhost:3000 .

Conseils pratiques / dépannage :

Si npx télécharge une ancienne version, ajoutez @latest : npx create-react-app@latest mon-projet-react.
Si vous avez des problèmes de permissions sous Linux/macOS, pensez à utiliser nvm pour gérer les versions de Node et éviter les sudo lors des installations globales.
Si le port 3000 est occupé, React vous proposera un autre port ; acceptez ou libérez le port en fermant le processus qui l’occupe.

Pour préparer une version optimisée pour la production :


npm run build

Puis servez le contenu du dossier build/ avec un serveur statique (ex. serve) ou intégrez-le dans un pipeline de déploiement.

Ouvrir le projet dans VS Code

Après création, ouvrez le projet dans Visual Studio Code :


cd mon-projet-react
code .

Installez les extensions utiles : ESLint, Prettier, l’extension React/JSX, et TypeScript si vous utilisez le template TypeScript.