Contenu du cours
Maîtrise de React
Maîtrise de React
1. Introduction aux Fondamentaux de React
Qu'est-ce Que React?SPAs vs. MPAs dans le Développement WebComment React Fonctionne Avec le DOM VirtuelIntroduction à JSX dans ReactCréer des Éléments JSX ComplexesRendu des Éléments dans ReactDéfi : Rendu d'ÉlémentComposant ReactProps dans ReactDéfi : Composants FonctionnelsRendu ConditionnelDéfi : Rendu Conditionnel - Notification de ChatDéfi : Rendu Conditionnel - Alerte BancaireRendu d'une Collection de DonnéesDéfi : Rendre une Collection de DonnéesRécapitulatif de la Section Introduction à React
2. Stylisation dans les Applications React
Introduction à la Stylisation dans ReactStyles en LigneStyles en Ligne en PratiqueDéfi : Styles en LigneStyliser avec le Fichier CSSStyliser avec le Fichier CSS en PratiqueDéfi : Styliser Avec le Fichier CSSStylisation Avec Les Modules CSSOrganisation de la Structure des DossiersDéfi : Modules CSSRésumé de la Section sur le Style dans React
3. Hooks et Contexte React
Introduction : Hooks et Contexte ReactHook useStateDéfi : Basculer la VisibilitéHook useRefDéfi : Créer un Composant de FormulaireHook useEffectDéfi : Récupération et Affichage des DonnéesHook useMemoDéfi : Filtrage de la Liste de VoituresContexteContexte en PratiqueDéfi : Application du Monde de l'AstronomieRésumé de la Section sur les Hooks et le Contexte de React
Configuration du Dossier de Projet
Étape 3 : Créer le dossier du projet
Maintenant que nous avons tous les outils externes nécessaires, nous pouvons commencer à créer le projet. La tâche consiste à créer un nouveau dossier vide spécifiquement pour le projet, où rien d'autre ne sera stocké.
Étapes à suivre :
- Choisir un emplacement : Sélectionnez un emplacement sur votre machine où vous souhaitez créer le dossier du projet. Cela peut être n'importe où vous préférez, comme votre bureau ou un répertoire spécifique ;
- Créer un nouveau dossier : Faites un clic droit à l'emplacement choisi et sélectionnez "Nouveau dossier" dans le menu contextuel ;
- Nommer le dossier : Donnez au dossier un nom significatif. Cela servira de dossier racine pour votre projet React, alors choisissez un nom informatif et pertinent pour l'objectif de votre projet. Par exemple, vous pouvez le nommer
movies-app
,store-app
,posts-app
,learning-system-app
, etc.
Par exemple, créons le dossier vide avec le nom movies-app
.
Étape 4 : Ouvrir le dossier dans votre éditeur de code
Pour commencer à travailler sur le projet, vous devez ouvrir le dossier movies-app
dans votre éditeur de code, que ce soit Visual Studio Code ou un autre éditeur de votre choix.
Suivez ces étapes :
- Lancez votre éditeur de code. Dans notre exemple, nous utiliserons Visual Studio Code (VS Code) ;
- Cliquez sur l'icône de l'explorateur située dans le coin supérieur gauche de l'interface de VS Code ;
- Cliquez sur le bouton "Ouvrir le dossier" dans le panneau de l'explorateur;
- Recherchez le dossier
movies-app
sur la machine et sélectionnez-le. Après avoir terminé ces étapes, vous devriez voir le nom du dossier,movies-app
, affiché dans l'interface de votre éditeur de code.
Maintenant que votre dossier de projet est configuré et ouvert dans votre éditeur de code, vous êtes prêt à commencer à construire votre application React !
Tout était clair ?
Merci pour vos commentaires !
Section 4. Chapitre 3