Dans vos locaux
Pour ancrer les apprentissages et encourager la dynamique collective.
Formation React avancé
Devenez un architecte d'applications modernes en maîtrisant l'écosystème React dans ses aspects les plus avancés et les plus critiques pour la production.
Passez à la vitesse supérieure en maîtrisant l'optimisation des performances (useMemo, useCallback), la gestion d'état complexe (Redux ou Zustand), le SSR/SSG (Next.js) et la création de Hooks personnalisés pour des applications scalables.
3 jours (21 h)
2 100,00 € HT
import React, { useCallback, useState } from 'react';
function ParentComponent({ count }) {
// Optimisation de la fonction pour éviter sa recréation
const handleIncrement = useCallback(() => {
console.log('Increment called');
// Logique d'incrémentation
}, []);
return <ChildComponent onIncrement={handleIncrement} />;
}Description 
Cette formation est conçue pour les développeurs React qui souhaitent dépasser la simple création de composants pour aborder l'architecture et l'optimisation d'applications à grande échelle. Le parcours se concentre sur l'exploitation complète des Hooks avancés (Custom Hooks, useReducer, useContext) et des mécanismes de performance de React (React.memo, useMemo, useCallback) pour éliminer les re-renderings inutiles et assurer une expérience utilisateur fluide. Un volet important est dédié à la gestion d'état centralisée et complexe via des librairies établies comme Redux ou des alternatives modernes comme Zustand. Enfin, la formation explore l'intégration des solutions de Server-Side Rendering (SSR) et de Static Site Generation (SSG) (à travers un framework comme Next.js) essentielles pour le SEO et le temps de chargement initial.
Les objectifs
Gérer l’état et les API avec Redux Toolkit et RTK Query
Optimiser les performances et structurer l’architecture de l’application
Tester et sécuriser l’application avec des pratiques avancées
Transformer l’application en PWA et intégrer des fonctionnalités modernes
Public visé
Développeurs
Prérequis
Avoir suivi la formation JVS-REA Ou une très bonne connaissance de JavaScript et ses aspects avancés
Le programme
Jour 1
Matinée
1. DÉMARRER AVEC REDUX JS TOOLKIT
- Configurer votre premier store Redux
- Créer des slices efficaces
- Intégrer RTK Query pour vos appels API
- Mettre en place les middlewares essentiels
- Persister vos données avec Redux Persist
- Migrer votre application Redux vers Redux Toolkit
Après-midi
2. OPTIMISER LES PERFORMANCES DE VOTRE APPLICATION
- Implémenter les React Server Components
- Maîtriser le chargement différé
- Surveiller les performances en temps réel
- Utiliser les outils de profilage React
- Optimiser le rendu des composants
- Gérer efficacement la mémoire
Jour 2
Matinée
3. STRUCTURER VOTRE APPLICATION REACT
- Appliquer l’architecture Clean en React
- Organiser votre code par fonctionnalités
- Créer des hooks personnalisés
- Mettre en place une gestion des erreurs robuste
- Développer des micro-frontends modulaires
Après-midi
4. MAITRISER LES TESTS REACT
- Appliquer les bonnes pratiques de test
- Simuler vos services avec MSW
- Créer des tests visuels avec Storybook
- Automatiser les tests end-to-end
- Tester efficacement vos composants
- Valider vos hooks personnalisés
- Mettre en place des tests d’intégration
Jour 3
Matinée
5. INTÉGRER DES API MODERNES
- Développer avec GraphQL et Apollo
- Mettre en cache vos données efficacement
- Gérer les erreurs API professionnellement
- Implémenter des WebSockets en temps réel
- Optimiser les requêtes API
- Sécuriser vos communications API
Après-midi
6. TRANSFORMER VOTRE APPLICATION EN PWA & DEPLOIEMENT
- Configurer les Service Workers
- Implémenter le mode hors ligne
- Gérer les notifications push
- Optimiser le cache navigateur
- Améliorer l’expérience d’installation
- Synchroniser les données en arrière-plan
- Configurer Vite pour la production
- Mettre en place l’intégration continue
- Déployer sur le Cloud
- Surveiller votre application en production
- Gérer les différents environnements
- Optimiser le processus de build
En présentiel ou à distance : à vous de choisir
En classe virtuelle
Pour allier flexibilité et interactions en temps réel avec le formateur.
Dans nos locaux
Pour favoriser la concentration, les échanges et le confort des apprenants.
Les modalités de formation
Suivi et évaluation :
- Recueil des besoins en amont pour identifier les attentes du stagiaire
- Évaluation continue : études de cas et travaux pratiques pendant la formation
- Évaluation finale : questionnaire d'auto-évaluation
Format et encadrement :
- Formation équilibrée : 50% théorie / 50% pratique
- Sessions en petits groupes (2 à 9 participants) pour un suivi personnalisé
- Émargement par demi-journée et remise d'une attestation de formation
Moyens pédagogiques et techniques :
- Méthodes interactives et suivi des acquis : travaux pratiques, projet fil rouge, mises en situation, démonstrations, QCM…
- Les stagiaires doivent être équipés de leur matériel informatique pour suivre la formation, que ce soit dans nos locaux ou sur site externe.
- Il appartient au client de veiller à ce que le matériel mis à disposition soit conforme aux prérequis techniques indiqués dans le programme de formation.
- Accessibilité : nous informons l'ensemble de nos clients et stagiaires que nous sommes dans la capacité d'adapter les sessions en cas de situations spécifiques. Nous nous engageons à répondre à toutes les demandes dans un délai de 48h ouvré.
Conditions et délais d'accès :
- Si l'une de nos formations vous intéresse, contactez-nous au +33 04 93 65 34 24 ou à l'adresse mail contact@le-code.dev. Selon votre besoin et vos attentes, nous organiserons un échange téléphonique avec le formateur pressenti afin d'adapter la formation et ses modules, puis nous vous adresserons un devis. Les dates de la formation seront à convenir sous 30 jours maximum.
- Concernant les formations Actions Collectives, l'inscription est possible jusqu'à 24h ouvrées avant le début de la formation.