Formation React
| 2 400€ HT / personne |
| 4 jours (28 heures) |
Présentation
Avec notre « React JS, développer des applications web », idéale pour développeurs web professionnels souhaitant créer des applications modernes et performantes. Conçu autour d’ateliers pratiques, ce programme aborde tous les fondamentaux et les dernières nouveautés du framework.
Vous explorerez en profondeur les composants fonctionnels, la syntaxe JSX, et apprendrez à structurer clairement votre projet grâce aux meilleures pratiques de l’écosystème JavaScript. Utilisez TypeScript et ESNext pour garantir un code robuste et optimisé.
Maitrisez les Hooks avancés, les techniques d’optimisation et la gestion efficace des états, tout en apprenant à déboguer efficacement vos applications React. Vous découvrirez comment intégrer des animations fluides avec Framer Motion pour enrichir l’expérience utilisateur.
Apprenez à maîtriser l’architecture Flux avec Redux Toolkit pour simplifier votre gestion d’état global. Gérez efficacement les erreurs avec Error Boundaries et React DevTools, assurant ainsi des applications robustes et facilement maintenables. Développez une authentification sécurisée et performante à travers JWT pour des applications robustes et sûres.
Enfin, grâce à des ateliers réalistes, testez rigoureusement votre développement, améliorez la robustesse et l’accessibilité de votre application, et optimisez sa performance jusqu’à la livraison finale pour répondre pleinement aux exigences actuelles du marché.
Comme toutes nos formations, celle-ci vous présentera la dernière version stable de la technologie ReactJS (19.2.8) et ses nouveautés.
Objectifs
- Mettre davantage l’accent sur TypeScript dès le début de la formation.
- Remplacer PropTypes par une approche TypeScript stricte, plus adaptée aux projets professionnels actuels.
- Ajouter un focus sur React 19 : Actions, useActionState, useOptimistic, useFormStatus.
- Clarifier la différence entre state local, state partagé, state serveur et cache applicatif.
- Ajouter une partie sur TanStack Query ou équivalent pour la gestion des données serveur.
- Positionner Redux Toolkit comme solution utile dans certains cas, mais pas comme choix systématique.
- Ajouter une partie qualité : architecture de composants, découpage, tests, accessibilité, performance et code review.
- Prévoir un projet fil rouge réaliste plutôt que des exercices isolés.
Public visé
- Développeurs web
- Lead Developer
Pré-requis
- Connaissance de base en HTML / CSS / JS
Pré-requis logiciel
- Machine
- Au minimum 8 Go de RAM (16 Go recommandés)
- Windows 11, MacOS ou Linux
- La dernière version de React installée
- Un IDE tel que Visual Studio Code
Programme de notre Formation React
[Jour 1 – Matin]
Fondamentaux React modernes
- Rappel du modèle déclaratif
- JSX, composants fonctionnels, props
- Composition de composants
- Découpage d’une interface en composants réutilisables
- Atelier : création de la base d’une application fil rouge avec Vite, React et TypeScript.
[Jour 1 – Après-midi]
State, events et formulaires
- Gestion des événements
- State local
- Rendu conditionnel
- Listes et clés
- Formulaires contrôlés et validation simple
- Atelier : création d’un module de gestion de tâches avec ajout, édition, suppression et validation.
[Jour 2 – Matin]
TypeScript et architecture de composants
- Typage des props
- Typage des events
- Types métiers
- Composants réutilisables
- Bonnes pratiques de structure projet
- Atelier : refactorisation de l’application en composants typés, propres et maintenables.
[Jour 2 – Après-midi]
Hooks et patterns avancés
- useEffect, useMemo, useCallback
- Custom hooks
- Lifting state up
- Context API
- Compound components
- Atelier : extraction de hooks métiers et mise en place d’un contexte applicatif.
[Jour 3 – Matin]
Data fetching et état serveur
- Appels API
- Gestion loading / error / empty states
- Cache côté client
- Introduction à TanStack Query
- Différence entre state UI et state serveur
- Atelier : connexion de l’application à une API et gestion complète des états de chargement.
[Jour 3 – Après-midi]
React 19 et expérience utilisateur
- Actions
- useActionState
- useOptimistic
- useFormStatus
- UX des formulaires
- Gestion des erreurs
- Atelier : ajout d’une mise à jour optimiste et d’un formulaire moderne avec gestion d’erreur.
[Jour 4 – Matin]
Qualité, tests et accessibilité
- Tests unitaires et composants
- React Testing Library
- Accessibilité de base
- Navigation clavier
- Bonnes pratiques de code review
- Atelier : ajout de tests sur les composants clés et correction des problèmes d’accessibilité.
[Jour 4 – Après-midi]
Performance et livraison
- React DevTools
- Analyse des re-renders
- Memoization utile vs inutile
- Lazy loading
- Build de production
- Revue finale du projet
- Atelier : audit performance de l’application, optimisation et présentation finale.
Pourquoi choisir React ?
Si vous souhaitez en savoir davantage sur cette technologie, vous pouvez consulter nos articles sur React.
La formation est-elle dispensée en présentiel ou à distance ?
Cette formation se déroule en présentiel ou en distanciel.
Comment puis-je financer cette formation ?
Contactez-nous pour trouver une solution de financement sur mesure ! Nous vous aiderons à choisir parmi les options suivantes :
- OPCO (opérateurs de compétences) de votre entreprise
- Le plan de développement des compétences
- Les actions collectives pour les formations Big Data
- Le dispositif FNE-Formation
- Dispositif TPE / PME
- Pôle Emploi
- L’AIF (Aide Individuelle à la Formation pour les demandeurs d’emploi)
- L’ARE (Allocation chômage d’aide au retour à l’emploi)
- Le dispositif CPF (MonCompteformation)
- Contrat cadre
Qu'est-ce que le CPF ?
Le Compte Personnel de Formation est un dispositif régi par l’état français pour permettre aux salariés de disposer d’un financement mobilisable uniquement pour la formation.
Sur votre compte « Moncompteformation », vous pouvez recevoir jusqu’à 500 euros par an cumulable. Les avantages qu’offre le CPF :
- Une formation finançable jusqu’à 100%
- Une formation de qualité approuvée par l’instance gouvernementale France Compétences
- L’obtention d’une certification délivrée par France Compétences
Pour aller plus loin
Formation React Avancé
Formation React Native
Formation ReactXP
Formation Angular Avancé
Formation Angular
Formation Vue.js
Autour du sujet
Langues et Lieux disponibles
Langues
- Français
- Anglais / English
Lieux
-
France entière
- Paris
- Lille
- Reims
- Lyon
- Toulouse
- Bordeaux
- Montpellier
- Nice
- Sophia Antipolis
- Marseille
- Aix-en-Provence
- Nantes
- Rennes
- Strasbourg
- Grenoble
- Dijon
- Tours
- Saint-Étienne
- Toulon
- Angers
-
Belgique
- Bruxelles
- Liège
-
Suisse
- Genève
- Zurich
- Lausanne
-
Luxembourg
Nos Formateurs Référents
Sydney
Alexandre
Témoignages
Les + : Merci à Fabio pour sa sympathie et sa pédagogie.
Afficher tous les témoignages
Les + : Merci à Fabio pour sa sympathie et sa pédagogie.
Je souhaite suivre : React Avancée
Je recommande la formation
Les + : Elle est assez complète
Les – : N’étant pas développeur front, j’ai quand même eu un peu de mal
Je recommande la formation
Les + : Disponibilité du formateur.
Apprentissage progressif et logique.
Théorique et pratique en parallèle.
Les – : Manque un peu de temps de pratique ou d’exemples sur certains points (Redux, tests)
Je souhaite suivre : MCP, LangChain, React avancé.
En synthèse : Merci beaucoup à Yohann pour cette formation. Il a été très disponible et accueillant et on a pu être à l’aise rapidement pour apprendre et poser des questions spécifique ou générale.
Cela donne envie de faire d’autres formations.
Les + : Bon équilibre entre théorie et pratique.
Approche incrémentale sur le même projet, on voit les progrès au fur et à mesure et on comprend pourquoi faire ceci ou cela dans quel cas.
Les + : formateur compétent et connaissant bien son sujet
approche incrémentale claire avec un projet file rouge pertinant permettant une mise en application clair et incrémentale
Les – : beaucoup de sujet introduit et donc en fin de formation un petit sentiment de trop plein 🙂
Je recommande la formation
Les + : Avancement rapide sur la formation.
Pédagogie.
Disponibilité du formateur.
Expertise du formateur.
Les – : Manque d’un peu de pratique sinon tout était parfait.
En synthèse : Tout était parfait.
Je recommande la formation
Les + : Pédagogie du moniteur, répartition des chapitres, équilibre entre pratique et théorie, Vue d’ensemble du framework.
Les – : Courte durée donc apprentissage condensée
Noter la formation
| 2 400€ HT / personne |
| 4 jours (28 heures) |
UNE QUESTION ? UN PROJET ? UN AUDIT DE CODE / D'INFRASTRUCTURE ?
Pour vos besoins d’expertise que vous ne trouvez nulle part ailleurs, n’hésitez pas à nous contacter.
ILS SE SONT FORMÉS CHEZ NOUS
