03 20 61 95 06

Formation React.JS Avancé


  • REA3
  • Durée : 3 jours
  • Tarif : 2400 € HT

96%

Taux de satisfaction clients
(sur 1596 évaluations du 19/05/21 au 16/12/24)

Voir les avis

Objectifs

A l’issue de la formation, l’apprenant sera capable de :
Comprendre les concepts avancés de React
Optimiser les performances des applications et l’expérience utilisateur
Améliorer la qualité du code produit
Intégrer les différentes librairies externes incontournables

Certification

Prérequis

Une première expérience concrète avec React et Redux 
Un entretien en amont avec notre expert permet de prendre en compte le profil de chaque participant (niveau, objectifs et résultats attendus, contexte professionnel, enjeux…) et d’adapter le contenu de la formation si besoin

Cette formation ne peut être financée que dans le cadre d’un projet d’entreprise (prise en charge entreprise ou OPCO). Les dossiers à financement personnel et CPF ne sont pas pris en compte.

Public

Développeurs Web

Formation(s) associée(s)

Dernière mise à jour

Programme mis à jour le 29 novembre 2024
enveloppe Cette formation vous intéresse ? Contactez-nous

Bon à savoir

Evaluez votre niveau

Pour vous aider à bien choisir votre formation, nous vous proposons soit un entretien avec le formateur soit un test d’évaluation. Cela vous assurera que vous disposez des connaissances nécessaires pour suivre la formation dans des conditions optimales.

Formations modulables

Toutes nos formations sont disponibles en présentiel comme en distanciel, en mode coaching individuel ou en groupe de 3 à 6 participants maximum.

Travaux pratiques

Nos formations comprennent de nombreux travaux pratiques pour un meilleur apprentissage (60 % de pratique). Nous proposons également de travailler sur vos données pour une meilleure expérience.
Télécharger la fiche de cette formation
modules

Les Modules
de formation
Module1
INTRODUCTION AVANCEE ET NOUVEAUTES DE REACT

● Environnement et structure du projet

● Nouvelles fonctionnalités de React (18+)
○ Rendu concurrent et Suspense amélioré
○ React Server Components
○ React Compiler et ses implications
● Mise en place d’une architecture robuste
● Introduction à SWC et esbuild (remplacement de Babel)
● Structuration modulaire et scalable
Travaux pratiques
● Mise en place d’un projet avec Vite et SWC
● Structuration avancée du projet fil rouge
Module2
TYPESCRIPT AVANCÉ AVEC REACT

● Typage avancé des composants et hooks

○ Génériques, types conditionnels, mapped types
○ Utilisation des interfaces et types complexes
● Organisation modulaire du code TypeScript
● Patterns avancés avec TypeScript
Travaux pratiques
● Refactoring d’une base de code JavaScript vers TypeScript
● Développement de composants complexes typés
Module3
GESTION D’ÉTAT AVANCÉE
● Introduction à Zustand pour la gestion d’état globale
● TanStack Query : gestion avancée des données asynchrones
○ Gestion du cache, invalidation, actualisation des données
● Redux Toolkit : usages avancés et comparaison
○ Modularisation, middleware, et selectors
● Patterns avancés de gestion d’état
Travaux pratiques
● Mise en place d’un état global avec Zustand
● Intégration de TanStack Query dans une application complexe
Module4
OPTIMISATION DES PERFORMANCES
● Analyse et optimisation du cycle de vie avec React
○ Fonctionnement interne et algorithme de réconciliation
● Techniques avancées :
○ Memoization avec useMemo et useCallback
○ Optimisation des re-rendus
● Suspense pour les données asynchrones
● Code splitting et lazy loading
Travaux pratiques
● Utilisation avancée de React Profiler
● Implémentation de Suspense dans le projet fil rouge
Module5
TESTS ET STRATÉGIES DE QUALITÉ LOGICIELLE
● Mise en place d’une stratégie complète de tests
● Tests unitaires et d’intégration avancés avec Vitest et React Testing Library
● Développement orienté composants avec Storybook
● Mocking d’API avec Mock Service Worker (MSW)
● Tests de mutation avec Stryker
Travaux pratiques
● Création d’histoires interactives avec Storybook
● Écriture de tests avancés avec MSW et couverture via Stryker
Module6
PATTERNS AVANCÉS ET BONNES PRATIQUES
● Render Props et Higher-Order Components (HOC)
● Hooks personnalisés pour la réutilisation de logique complexe
● Gestion avancée avec Contexts et Injection de dépendances
● Utilisation de Portals et gestion du DOM distant
● Gestion des erreurs avec Error Boundaries
Travaux pratiques
● Implémentation de patterns avancés dans le projet fil rouge
● Création de Hooks réutilisables et gestion dynamique des erreurs
Module7
TECHNOLOGIES MODERNES ET OUTILS AUTOUR DE REACT
● Vite : bundling avancé et optimisations
● SWC/esbuild : accélération du processus de transpilation
● Introduction au React Compiler
● Déploiement avancé avec CI/CD
○ Intégration avec GitHub Actions ou GitLab CI
● Monitoring des performances en production
Travaux pratiques
● Configuration d’un pipeline CI/CD complet
● Migration d’un projet existant vers Vite et SWC
Module8
ACCESSIBILITÉ (A11Y) ET INTERNATIONALISATION (I18N)
● Standards WCAG et rôles ARIA
● Outils d’audit d’accessibilité (axe-core)
● Gestion des locales et ressources dynamiques avec i18next
● Changement de langue dynamique dans une application React
Travaux pratiques
● Audit et correction de l’accessibilité dans le projet fil rouge
● Mise en place de l’internationalisation avec des ressources asynchrones
Module9
GESTION AVANCÉE DES DONNÉES
● GraphQL et Apollo Client
○ Requêtes avancées et gestion du cache
● Intégration avec des services externes en temps réel
○ Firebase, Supabase, ou autres services modernes
● Stratégies de récupération et de synchronisation de données
Travaux pratiques
● Ajout d’une intégration GraphQL dans le projet fil rouge
● Gestion dynamique des données en temps réel
Module10
DÉPLOIEMENT ET OPTIMISATION EN PRODUCTION
● Optimisation des builds pour la production
○ Minification, tree-shaking, et analyse des bundles
● Stratégies avancées de déploiement (Vercel, Netlify, Docker)
● Monitoring avec Sentry et gestion des erreurs en production
Travaux pratiques
● Déploiement final du projet fil rouge avec monitoring actif
● Mise en place d’un pipeline complet pour les builds et déploiements

Les prochaines
sessions de formation

Sur demande
Vous souhaitez organiser cette formation à une date spécifique ?Contactez-nous en remplissant le formulaire ci-dessous
18 novembre 2024
06 janvier 2025
03 mars 2025
05 mai 2025

Cette formation vous intéresse ? Contactez-nous !

    Les données personnelles collectées sont destinées à Access IT Company et utilisées pour traiter votre demande et, lorsque vous ne vous y êtes pas opposé, vous communiquer nos offres commerciales. Les données obligatoires vous sont signalées sur le formulaire par un astérisque. L’accès aux données est strictement limité par Access IT Company aux collaborateurs en charge du traitement de votre demande. Conformément au Règlement européen n°2016/679/UE du 27 avril 2016 sur la protection des données personnelles et à la loi « informatique et libertés » du 6 janvier 1978 modifiée, vous bénéficiez d’un droit d’accès, de rectification, d’effacement, de portabilité et de limitation du traitement des donnés vous concernant ainsi que du droit de communiquer des directives sur le sort de vos données après votre mort. Vous avez également la possibilité de vous opposer au traitement des données vous concernant. Vous pouvez exercer vos droits en contactant le DPO à l’adresse suivante : [email protected] ou à l’adresse postale suivante 2, Allée Lavoisier, 59650 Villeneuve d’Ascq. Pour plus d’informations sur le traitement de vos données personnelles par Access IT Company, veuillez consulter notre politique de confidentialité disponible sur notre site internet à l’adresse suivante : https://formation.access-it.fr/politique-de-confidentialite/

    2 Allée Lavoisier
    59650 Villeneuve d’Ascq
    France
    03 20 61 95 06
    Mentions légales Politique de confidentialité Contact
    Hunik