MAP React:
Jour 1: Introduction et Configuration
Introduction à React:
o Comprendre ce qu'est React et pourquoi l'utiliser.
o Explorer les concepts de base de React : composants, JSX, et le Virtual DOM.
Installation et Configuration:
o Installer Node.js et npm si ce n'est pas déjà fait.
o Utiliser create-react-app pour configurer un nouveau projet React.
o Explorer la structure d'un projet créé avec create-react-app.
Votre premier composant React:
o Créer un composant fonctionnel simple.
o Comprendre les props et comment passer des données entre composants.
Jour 2: Composants et JSX
1. Composants:
o Créer des composants fonctionnels et de classe.
o Apprendre la différence entre les composants fonctionnels et de classe.
2. JSX:
o Comprendre la syntaxe JSX et comment elle se traduit en appels JavaScript.
o Pratiquer l'utilisation de JSX pour créer des interfaces utilisateur.
3. Props et State:
o Apprendre à passer des données aux composants via les props.
o Comprendre le concept de state et comment gérer l'état dans les composants.
Jour 3: Gestion d'État et Événements
1. State:
o Utiliser useState pour gérer l'état dans les composants fonctionnels.
o Comprendre comment mettre à jour l'état et réagir aux changements d'état.
2. Gestion des Événements:
o Gérer les événements utilisateur comme les clics, les changements de
formulaire, etc.
o Apprendre à passer des fonctions de rappel comme props.
Jour 4: Effets et Cycle de Vie
1. Hooks:
o Introduction aux hooks, en particulier useEffect.
o Utiliser useEffect pour gérer les effets de bord comme les requêtes API, les
abonnements, etc.
2. Cycle de Vie des Composants:
o Comprendre le cycle de vie des composants de classe (componentDidMount,
componentDidUpdate, componentWillUnmount).
o Comparer les hooks avec les méthodes de cycle de vie.
Jour 5: Routing avec React Router
1. React Router:
o Installer et configurer React Router.
o Créer des routes et des liens pour naviguer entre différentes pages/components.
o Comprendre le concept de routes imbriquées et de paramètres de route.
Jour 6: Appels API et Gestion de Données
1. Appels API:
o Utiliser fetch ou axios pour effectuer des requêtes HTTP.
o Gérer les états de chargement et les erreurs lors des appels API.
2. Gestion de Données:
o Stocker et manipuler les données récupérées d'une API.
o Afficher les données dans les composants.
Jour 7: Projet de Fin et Révision
1. Projet Pratique:
o Construire une petite application complète (ex. : une liste de tâches, un
gestionnaire de contacts).
o Appliquer tout ce que vous avez appris : composants, state, props, événements,
hooks, routing, et appels API.
