• Tout public

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

Maîtriser les bases du HTML/CSS Connaissance de Javascript

Durée en centre : 50 heures
Durée totale : 50 heures

Formacode (Domaines de formation) :

• 30867 Langage javascript
• 31090 Développement web

Rome (Métiers) :

• M1805 Études et développement informatique

NSF (Spécialités de formation) :

• 326 Informatique, traitement de l'information, réseaux de transmission des données