Installation et préparation d'une application React
Dans cette leçon, nous commencerons par l'installation et la préparation d'une application React, car nous l'utiliserons par la suite en combinaison avec Redux. Il existe des moyens plus rapides de créer un modèle d'application React avec Redux (ce qui, soit dit en passant, ne signifie pas toujours facilement, surtout pour les débutants), qui sont indiqués dans la documentation officielle, mais nous partirons de zéro.
Pour commencer, créons une application React
my-app en utilisant Vite
(ceci est un remplacement moderne de Webpack).
Pour cela, ouvrons le terminal
et entrons les commandes suivantes (dans les options proposées,
le cas échéant, nous choisirons React puis JavaScript) :
npm create vite@latest my-app -- --template react
cd my-app
npm install
Démarçons l'application créée :
npm run dev
Ouvrons dans le navigateur le lien proposé
http://localhost:5173/ et nous verrons
l'écran d'accueil familier. Tout fonctionne.
Maintenant, supprimons l'excédent. Nettoyons le dossier public.
Dans le dossier src, laissons seulement main.jsx,
index.css et App.jsx (dans index.css
et App.jsx, supprimons complètement le contenu).
Dans le fichier index.html, remplaçons le texte
du titre par :
<title>React Redux App</title>
Créez une application React et assurez-vous qu'elle fonctionne.
Supprimez les fichiers et dossiers inutiles.
