Développeur framework Javascript React.js

Objectifs

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.

Programme de la formation

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.).

Validation et sanction

Le participant sera capable de démarrer un nouveau projet React à partir de zéro.
Il pourra concevoir et développer des composants réutilisables.
Le développeur saura implémenter le routage et gérer les vues d'une application monopage.
Il maîtrisera les Hooks fondamentaux de React pour gérer l'état et les effets.
Le participant sera capable d'intégrer son application à un backend via une API REST.
Il sera autonome pour maintenir, déboguer et déployer une application React.

Type de formation

Non certifiante

Sortie

Information non communiquée