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

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique