Formation React Avancé

Notée ★★★★★ (2)**

ReactReact QueryTypeScriptPerformanceReact HooksTestingDeveloper Experience (DX)

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é.

+29Participants*
+6Sessions*
+9hde pratique

* Statistiques calculées à partir des données des formations réalisées en 2022.

1700 € HT
/ personne
Prix inter-entreprise
3 jours21 heures

  • 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

Gabriel Pichot

Founder @CraftValue

ReactDevOpsTypeScriptFirebaseAWS

Gabriel accompagne start-ups et grands groupes sur leurs projets webs et digitaux. Il partage au sein de ses projets son expérience acquise sur des technologies comme ReactJS, TypeScript, AWS ou encore l'agilité.

Ses formations sont le lieu d'échanges et de retours d'expériences, clefs pour vous transmettre, à vous ou à vos équipes les savoirs nécessaires à une utilisation efficace des outils que vous utilisez. C'est son principal objectif : transmettre un savoir-faire pratique, un véritable artisanat issu d'expérience sur de multiples projets, un ensemble de bonnes pratiques qui booste l'impact que le développeur a sur son travail et sur les projets auxquels il contribue.

Retours et Avis

Note globale moyenne : ★★★★★ (5/5)**

** 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

★★★★Programme
★★★★★Pédagogie
★★★★★Exercices
★★★★★Ambiance
★★★★Rythme

Appréciations

★★★★★ 5/5
Une super formation. Je suis débutante mais j'ai beaucoup appris et ça m'a donné envie d'aller encore plus loin. J'ai trouvé le sujet du mini projet parfait ! Apporter un peu de fun dans une formation c'est important, ça donne envie de s'investir encore plus.

Tatiana D.

il y a 11 mois

 

★★★★★ 5/5
Dynamique, intéressante avec des cas pratiques, vraiment top !

Anonyme*

il y a 11 mois

*L'apprenant a souhaité rester anonyme.

Formations qui pourraient vous intéresser

React Query1 jour

React Query

Exploitez des données serveur rapidement

En savoir plus