|
DES RESSOURCES ET DES OUTILS AU SERVICE DES ACTEURS ET DES PROFESSIONNELS. |
Développeur framework Javascript React.jsDate de mise à jour : 10/12/2025
| Identifiant OffreInfo : 24_298225 |
Carif-Oref Provence - Alpes - Côte d'Azur |
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.).
Non certificiante
Information non communiquée
Conventionnement : Non
Niveau d'entrée : Information non communiquée
Maîtriser les bases du HTML/CSS Connaissance de Javascript