- Maîtriser les fondamentaux de JavaScript moderne (ES6+).
- Comprendre l'architecture et les principes de fonctionnement de React.js (Composants, JSX, Virtual DOM).
- Être capable de créer des interfaces utilisateur interactives et performantes avec React.
- Savoir gérer l'état local et global d'une application React.
- Implémenter le routage et la navigation dans une application monopage (SPA).
- Interagir avec des APIs RESTful pour récupérer et envoyer des données.
- Déployer une application React.
Module 1 : Rappels et fondations en Javascript
- Introduction à ES6 et aux concepts modernes de Javascript (let, const, fonctions fléchées, promesses, async/await, modules).
- Manipulation du DOM et notions de programmation orientée objet en JS.
Module 2 : Introduction à React et ses concepts de base
- Présentation de React, de son écosystème et de l'outil Create React App (ou alternative moderne comme Vite).
- Notion de JSX.
- Composants fonctionnels et de classe (introduction).
- Props et flux de données unidirectionnel.
Module 3 : Gestion de l'état (State) et Cycle de vie
- Introduction aux Hooks (useState, useEffect).
- Gestion de l'état local des composants.
- Gestion des effets secondaires et du cycle de vie des composants avec useEffect.
- Gestion des événements utilisateur.
Module 4 : Composants avancés et stylisation
- Manipulation des listes et des clés.
- Création de formulaires contrôlés.
- Stylisation des composants (CSS classiques, CSS-in-JS, modules CSS).
- Concepts avancés : Portals, Fragments, Context.
Module 5 : Routage avec React Router
- Installation et configuration de React Router.
- Création de routes, navigation et paramètres de route.
- Gestion des liens et redirections.
Module 6 : Communication avec les APIs
- Récupération de données avec fetch ou axios.
- Affichage des données, gestion des états de chargement et d'erreur.
- Envoi de données (POST, PUT, DELETE).
Module 7 : Gestion de l'état global (Redux ou Context API + useReducer)
- Introduction au besoin de gestion de l'état global.
- Mise en œuvre du Context API pour la gestion d'état simple.
- (Optionnel/Avancé) Introduction à Redux/Redux Toolkit ou Zustand.
Module 8 : Tests et déploiement
- Introduction aux tests unitaires de composants (Jest/Testing Library).
- Préparation de l'application pour la production.
- Déploiement sur des plateformes (Netlify, Vercel, etc.).
Attestation de formation
Non certificiante
Sans niveau spécifique
