Créer une application React
Si vous souhaitez créer une nouvelle application ou un site web avec React, nous vous recommandons de commencer avec un framework.
Si votre application a des contraintes mal prises en charge par les frameworks existants, si vous préférez créer votre propre framework, ou si vous voulez simplement apprendre les bases d'une application React, vous pouvezconstruire une application React à partir de zéro.
Frameworks full-stack
Ces frameworks recommandés prennent en charge toutes les fonctionnalités nécessaires pour déployer et faire évoluer votre application en production. Ils intègrent les dernières fonctionnalités de React et tirent parti de l'architecture de React.
Remarque
Les frameworks full-stack ne nécessitent pas de serveur.
Tous les frameworks de cette page prennent en charge le rendu côté client (CSR), les applications monopages (SPA) et la génération de sites statiques (SSG). Ces applications peuvent être déployées sur unCDNou un service d'hébergement statique sans serveur. De plus, ces frameworks vous permettent d'ajouter le rendu côté serveur route par route, lorsque cela est pertinent pour votre cas d'usage.
Cela vous permet de commencer avec une application uniquement côté client, et si vos besoins évoluent par la suite, vous pouvez opter pour l'utilisation de fonctionnalités serveur sur des routes individuelles sans réécrire votre application. Consultez la documentation de votre framework pour configurer la stratégie de rendu.
js (App Router)
L'App Router de Next.jsest un framework React qui tire pleinement parti de l'architecture de React pour permettre des applications React full-stack.
npx create-next-app@latestjs est maintenu parVercel. Vous pouvezdéployer une application Next.jssur n'importe quel fournisseur d'hébergement prenant en charge Node.js ou les conteneurs Docker, ou sur votre propre serveur. Next.js prend également en charge l'export statiquequi ne nécessite pas de serveur.
React Router (v7)
React Routerest la bibliothèque de routage la plus populaire pour React et peut être associée à Vite pour créer un framework React full-stack. Il met l'accent sur les API Web standard et propose plusieursmodèles prêts à déployerpour divers environnements d'exécution et plateformes JavaScript.
Pour créer un nouveau projet de framework React Router, exécutez :
npx create-react-router@latestReact Router est maintenu parShopify.
Expo (pour les applications natives)
Expoest un framework React qui vous permet de créer des applications universelles pour Android, iOS et le web avec des interfaces utilisateur véritablement natives.Il fournit un SDK pourReact Nativequi facilite l'utilisation des parties natives. Pour créer un nouveau projet Expo, exécutez :
npx create-expo-app@latestSi vous débutez avec Expo, consultez letutoriel Expo.
Expo est maintenu parExpo (la société). Construire des applications avec Expo est gratuit, et vous pouvez les soumettre aux boutiques d'applications Google et Apple sans restrictions. Expo propose en outre des services cloud payants optionnels.
Il existe d'autres frameworks émergents qui travaillent vers notre vision du React full-stack :
- TanStack Start (Bêta): TanStack Start est un framework React full-stack alimenté par TanStack Router. Il fournit un SSR complet, du streaming, des fonctions serveur, du bundling, et plus encore en utilisant des outils comme Nitro et Vite.
- RedwoodSDK: Redwood est un framework React full-stack avec de nombreux packages préinstallés et une configuration qui facilite la création d'applications web full-stack.
Partir de zéro
Si votre application a des contraintes mal servies par les frameworks existants, si vous préférez construire votre propre framework, ou si vous souhaitez simplement apprendre les bases d'une application React, d'autres options sont disponibles pour démarrer un projet React à partir de zéro.
Partir de zéro offre plus de flexibilité, mais nécessite de faire des choix sur les outils à utiliser pour le routage, la récupération de données et d'autres modèles d'usage courants. C'est un peu comme construire votre propre framework, au lieu d'utiliser un framework qui existe déjà. Lesframeworks que nous recommandonsont des solutions intégrées pour ces problèmes.
Si vous souhaitez construire vos propres solutions, consultez notre guide pourconstruire une application React à partir de zéropour des instructions sur la configuration d'un nouveau projet React en commençant avec un outil de build commeVite,Parcel, ouRSbuild.
Si vous êtes un auteur de framework intéressé à figurer sur cette page,veuillez nous le faire savoir.