Partage via

Installer React directement sur Windows

  • Article

Ce guide vous permettra d'installer React directement sur Windows en utilisant l'outil frontend vite.

Nous vous recommandons de suivre ces instructions si vous débutez avec React et que votre but est simplement d’apprendre. Si vous créez une application monopage (SPA) avec laquelle vous souhaitez utiliser des commandes ou outils Bash et/ou que vous envisagez de déployer sur un serveur Linux, nous vous recommandons d’effectuer l’installation avec Vite sur le Sous-système Windows pour Linux (WSL).

Pour obtenir des informations générales sur React et sur le choix entre React (applications web), React Native (applications mobiles) et React Native pour Windows (applications de bureau), consultez la Vue d’ensemble de React.

Créer votre application React

Pour installer Create React App :

  1. Ouvrez un terminal (invite de commandes Windows ou PowerShell).

  2. Créez un dossier pour le nouveau projet : mkdir ReactProjects, puis accédez à ce répertoire : cd ReactProjects.

  3. Installez React en utilisant Vite :

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

  4. Après l'installation, modifiez les répertoires dans votre nouvelle application (« my-react-app » ou n'importe quel autre nom de votre choix) : cd my-react-app, installez les dépendances : npm install puis démarrez votre serveur de développement local : npm run dev

    Cette commande démarre le serveur Node.js et lance une nouvelle fenêtre de navigateur qui affiche votre application. Vous pouvez utiliser Ctrl+C pour arrêter l’exécution de l’application React dans la ligne de commande.

Remarque

Vite comprend un pipeline de build front-end utilisant Babel, esbuild et Rollup, mais ne gère pas les bases de données ou la logique back-end. Si vous cherchez à créer un site web rendu côté serveur avec React qui utilise un back-end Node.js, nous vous recommandons d’installer Next.js au lieu de recourir à cette installation Vite, davantage destinée aux applications monopages (single-page apps, SPA). Vous pouvez également envisager d’installer Gatsby si vous souhaitez créer un site web statique orienté contenu.

  1. Quand vous êtes prêt à déployer votre application web en production, exécutez npm run build pour créer une build de votre application dans le dossier « dist ». Vous pouvez en savoir plus sur le déploiement d’un site statique.

Ressources supplémentaires