Formation React Avancé
Notée (2)**
Cette formation a pour but de fournir une vision complète et concrète de l'utilisation de React pour créer rapidement des applications complexes, sans sacrifier leur maintenabilité.
* Statistiques calculées à partir des données des formations réalisées en 2022.
/ personne
Prix inter-entreprise
- En présentiel ou distanciel
- Formation en TypeScript (JavaScript possible)
- Mise à jour pour React v18 (2023)
Présentation
Cette formation aborde plusieurs axes correspondant à 90% des thématiques et problématiques rencontrées sur les projets, que ce soit en termes de développement ou de qualité. Tout d'abord, les apprenants consolideront leurs connaissances sur ES6 et JavaScript, ainsi que sur les fondamentaux de React, en utilisant les hooks React et les références. Des concepts plus avancés, tels que l'API Context, seront également abordés.
Un module sur l'algorithme de réconciliation et le fonctionnement de React lors de la phase de rendu permettra aux apprenants d'acquérir de solides connaissances en matière d'investigation des problèmes de performance et de leur résolution. Il sera suivi d'un chapitre sur la réalisation de tests automatisés à l'aide de la bibliothèque React Testing Library.
Un dernier volet, non moins important, sera consacré à la gestion d'état au sein d'une application React, en mettant l'accent sur l'utilisation de React Query pour faciliter la récupération de données depuis une API JSON.
Objectifs
- Développer des composants pour maximiser leur réutilisation.
- Maîtriser et savoir utiliser les concepts avancés de React : Context API, références.
- Concevoir et construire une application complexe avec React.
- Comprendre, analyser et résoudre un problème de performance.
Prérequis
- Avoir une expérience d’au moins 6 mois sur un projet React
- Être à l’aise avec les concepts JavaScript (asynchronisme, DOM…), une maîtrise des fonctionnalités ES6+ est un plus
- Un ordinateur avec un environnement configuré pour le développement avec React (VSCode à privilégier)
Public visé
Pour les équipes et développeurs souhaitant :
- approfondir leurs connaissances de React
- maîtriser les concepts avancés de React
- réaliser une application complexe et qualitative
Programme
Rappels ESX et JavaScript
Les closures, les valeurs primitives par rapport aux valeurs par référence, les comparaisons superficielles et profondes, les imports et exports, l'asynchronisme, la mémoization et la syntaxe ES6+ sont quelques-uns des concepts nécessaires pour une compréhension détaillée de React.
Fondamentaux et Rappels React
2 heures- Composants, props, état, cycle de vie
- Arbre de composants JSX
- Fondamentaux sur les hooks
Hooks React
- Hooks avancés : effets, références, reducer
- Règles des Hooks et modèle mental
Rendering et Performance
- Comprendre l'algorithme de réconciliation et le Virtual DOM
- Débogguer un problème de performance et le résoudre
Tests fonctionnels
- Stratégie de tests sur une application React
- Tester avec Jest et React Testing Library
Gestion de l'état
- Etat de l'art sur la gestion d'état avec React (Redux, React Query)
- Utilisation de React Query pour récupérer des données API (Queries et Mutations)
Ecosytème
En fonction du temps restant et du profil des apprenants, les sujets suivants seront abordés :
- Utilisation de TypeScript avec React
- État de l'art de la gestion des feuilles de style (CSS) avec React
Fil rouge
Tout au long de la formation, un ensemble cohérent de travaux pratiques amènera les apprenants à concevoir une application React en suivant les bonnes pratiques et en favorisant la réutilisation et la maintenabilité des composants.
Options & Bonus
En fonction du temps, du profil des apprenants et des projets à terme, les sujets suivants peuvent être abordés :
- Internationalisation d'une application avec React-i18next
- Test end-to-end avec Playwright
- TypeScript avec React
- Legacy React et les Class Components
- Initiation au SSR, CSR, ISR et SGR avec Next.js
- Utilisation avancée des formulaires avec React Hook Form
Nos formateurs
Gabriel Pichot
Founder @CraftValue
Retours et Avis
** Cette note reprend l'ensemble des avis des apprenants sur cette formation depuis sa création (2022) soit 2 avis exprimés.
Notes par critères
Appréciations
Tatiana D.
il y a 1 an
Anonyme*
il y a 1 an
*L'apprenant a souhaité rester anonyme.
Formations qui pourraient vous intéresser
React Query
Exploitez des données serveur rapidement