Formation Framework React JS
React est la bibliothèque JavaScript la plus utilisée pour construire des interfaces web.
Notre équipe vous conseille
Est-ce la bonne formation pour vous ?
Votre objectif, votre niveau, votre financement : notre équipe vérifie avec vous que cette formation vous correspond, ou vous oriente vers celle qui vous conviendra mieux.
- Pour qui
- Développeurs web, Intégrateurs web, développeurs JavaScript, chefs de projets Web…
- Prérequis
Bonnes maîtrises de l’environnement JavaScript, pratique du développement Web
- Durée
- 35 h · 5 jours
En bref
Ce que vous saurez faire
- Maîtriser le JavaScript moderne et les bases de TypeScript utiles à React.
- Créer des composants fonctionnels avec JSX, props et état.
- Utiliser les hooks essentiels et créer ses propres hooks.
- Gérer la navigation, les formulaires et les données distantes.
- Structurer l’état global d’une application.
- Tester, optimiser et déployer une application React.
Programme
Formation framework JavaScript de Facebook
01JavaScript moderne et outillage
- Rappels ES2015+ : modules, déstructuration, fonctions fléchées, async/await
- Bases de TypeScript pour React
- Création d’un projet avec Vite ; outils de développement et de débogage
02Les fondamentaux de React
- Philosophie de React et rendu déclaratif
- Composants fonctionnels et syntaxe JSX
- Props, état local et composition de composants
- Événements, rendu conditionnel et listes
03Les hooks
- useState, useEffect, useRef, useContext
- useMemo, useCallback et le compilateur React
- Nouveautés React 19 : Actions, useActionState, useOptimistic, use
- Créer ses propres hooks
04Formulaires et données
- Formulaires contrôlés et Actions de formulaire
- Appels d’API et gestion du cache avec TanStack Query
- Gestion des erreurs et états de chargement (Suspense)
05Navigation et état global
- React Router : routes, paramètres, navigation
- État global : Context, Zustand ou Redux Toolkit
06Frameworks, tests et déploiement
- Introduction à Next.js : rendu serveur et Server Components
- Tests avec Vitest et Testing Library
- Performances, accessibilité et déploiement (Vercel, Netlify, Docker)
07Ouverture aux outils d’IA
- Assistants de code (GitHub Copilot, Claude, Cursor) pour générer et refactoriser des composants
- Bonnes pratiques : relecture, tests et responsabilité du développeur
Financer cette formation
Selon votre situation, tout ou partie de la formation peut être pris en charge. Notre équipe vérifie vos droits avec vous.
Votre employeur (OPCO), France Travail, la Région ou un financement personnel peuvent prendre en charge cette formation.
Notre équipe identifie la bonne solution et monte le dossier avec vous.
Informations pratiques
- Type de reconnaissance
- Attestation de fin de formation
- Accessibilité
- Locaux accessibles aux personnes à mobilité réduite (PMR) et aux personnes en situation de handicap (PSH).
Référent handicap : Bénédicte Guilloteau, benedicte@mandyben.com
Fiche mise à jour le 29 octobre 2026
En savoir plus sur cette formation
React est la bibliothèque JavaScript la plus utilisée pour construire des interfaces web. Cette formation s’appuie sur React 19 et l’écosystème actuel (Vite, TypeScript, React Router, Next.js) pour développer des applications rapides et maintenables. Prérequis : bonne maîtrise de JavaScript et pratique du développement web.
Objectifs :
• Maîtriser le JavaScript moderne et les bases de TypeScript utiles à React.
• Créer des composants fonctionnels avec JSX, props et état.
• Utiliser les hooks essentiels et créer ses propres hooks.
• Gérer la navigation, les formulaires et les données distantes.
• Structurer l’état global d’une application.
• Tester, optimiser et déployer une application React.
JavaScript moderne et outillage
• Rappels ES2015+ : modules, déstructuration, fonctions fléchées, async/await
• Bases de TypeScript pour React
• Création d’un projet avec Vite ; outils de développement et de débogage
Les fondamentaux de React
• Philosophie de React et rendu déclaratif
• Composants fonctionnels et syntaxe JSX
• Props, état local et composition de composants
• Événements, rendu conditionnel et listes
Les hooks
• useState, useEffect, useRef, useContext
• useMemo, useCallback et le compilateur React
• Nouveautés React 19 : Actions, useActionState, useOptimistic, use
• Créer ses propres hooks
Formulaires et données
• Formulaires contrôlés et Actions de formulaire
• Appels d’API et gestion du cache avec TanStack Query
• Gestion des erreurs et états de chargement (Suspense)
Navigation et état global
• React Router : routes, paramètres, navigation
• État global : Context, Zustand ou Redux Toolkit
Frameworks, tests et déploiement
• Introduction à Next.js : rendu serveur et Server Components
• Tests avec Vitest et Testing Library
• Performances, accessibilité et déploiement (Vercel, Netlify, Docker)
Ouverture aux outils d’IA
• Assistants de code (GitHub Copilot, Claude, Cursor) pour générer et refactoriser des composants
• Bonnes pratiques : relecture, tests et responsabilité du développeur
Avis
Ils sont passés par là. Des stagiaires.
J'ai pu créer ma boutique en ligne et réaliser des ventes en lançant ma marque :-)
Ce stage m'a permis de tester plusieurs appareils photo, et de me mettre en situation pour mieux comprendre les problématiques.
Les explications claires et bien ciblées ont permis à notre collaborateur à la fois de se former et de rectifier ses procédures. Objectif atteint donc et nous en remercions le formateur.
Je vous confirme que la formation s’est excellemment bien déroulée. Le contenu était très intéressant et devrait m’apporter beaucoup dans mon travail à venir. J’en profite pour vous féliciter sur le choix de vos formateurs, le formateur fait preuve d’une grande pédagogie et d’une extrême gentillesse.
Questions fréquentes
Par quel langage commencer ?
Pour le web, HTML et CSS puis JavaScript. Pour l'analyse de données ou l'automatisation, Python. Nous vous orientons selon votre objectif.
Peut-on se reconvertir dans le développement ?
Oui, avec les titres professionnels Développeur front end et Développeur back end, accessibles en blocs de compétences.
Les formations sont-elles pratiques ?
Oui, chaque notion est mise en pratique sur des exercices et des projets.
Proposez-vous des formations en administration système ?
Oui : Linux, Docker, Zabbix, Oracle et sécurité des systèmes d'information.
Où se déroulent les formations ?
Dans nos locaux au 146 rue Paradis, à Marseille (6e), dans vos locaux pour les formations intra-entreprise, ou à distance en visio, en direct avec le formateur. Les modalités possibles sont indiquées sur chaque fiche.
Pas sûr(e) d'être fait(e) pour ça ?
Chacun sa façon d'atteindre son objectif. Notre équipe vous rappelle pour trouver la formation et le financement adaptés à votre situation.
- QualiopiOrganisme certifié
- 1 780personnes formées en 2026
- 98 %de satisfaction
- Depuis 2006à Marseille, 146 rue Paradis