A l’issue de la formation le participant sera capable de :
● Comprendre les nouvelles fonctionnalités de React 19
● Utiliser les nouvelles APIs et hooks
● Gérer les mises à jour et les changements de rupture
● Découvrir les améliorations de performance et de gestion des erreurs
● Explorer le nouveau compilateur expérimental de React
- Développement
- Développement web
Formation React 19 Release Candidate
Objectifs
Prérequis
Disposer de bonnes bases dans l’utilisation de React 18.
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.
Public
Développeurs
Dernière mise à jour
Programme mis à jour le 10 février 2025
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.
Sessions garanties
La majorité de nos sessions proposées en distanciel sont garanties. Elles peuvent être enregistrées à la demande.
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.
Les Modules
de formation
Module1
Nouveautés de React 19
1.1 Actions
● Gestion automatique des états en attente, des erreurs, des mises à jour optimistes et des formulaires.
● Introduction de useTransition pour les états en attente.
● useActionState pour simplifier la gestion des actions courantes.
● Intégration des Actions avec les formulaires <form>.
1.2 useOptimistic
● Mises à jour optimistes pour afficher l’état final en attendant la réponse asynchrone.
1.3 use API
● Nouvelle API use pour lire les ressources lors du rendu.
● Utilisation conditionnelle de Context avec use.
1.4 React Server Components
● Introduction des Server Components pour le rendu côté serveur.
● Introduction des Server Components pour le rendu côté serveur.
● Actions serveur pour permettre aux composants clients d’exécuter des fonctions asynchrones sur le serveur.
Module2
Améliorations de React 19
2.1 ref en tant que prop
● Accès aux références (ref) en tant que prop pour les composants fonctionnels.
2.2 Diffs pour les erreurs d’hydratation
● Amélioration des rapports d’erreurs pour les erreurs d’hydratation avec des diff.
2.3 <Context> en tant que fournisseur
● Rendre <Context> directement comme fournisseur au lieu de <Context.Provider>.
2.4 Fonctions de nettoyage pour les refs
● Support des fonctions de nettoyage retournées par les callbacks de ref.
2.5 useDeferredValue
● Option initialValue ajoutée à useDeferredValue.
2.6 Support des métadonnées de document
● Rendu des balises de métadonnées de document comme <title>, <link>, et <meta> directement dans les composants.
2.7 Support des feuilles de style
● Gestion intégrée des feuilles de style pour une meilleure intégration avec le rendu concurrent et le rendu en streaming.
2.8 Support des scripts asynchrones
● Amélioration du support pour les scripts asynchrones, permettant de les rendre n’importe où dans l’arbre de composants.
2.9 Support du préchargement des ressources
● Nouvelles API pour le chargement et le préchargement des ressources du navigateur.
2.10 Compatibilité avec les scripts tiers et les extensions
● Amélioration de l’hydratation pour gérer les scripts tiers et les extensions de navigateur.
2.11 Amélioration de la gestion des erreurs
● Meilleure gestion des erreurs capturées et non capturées avec des options supplémentaires pour la récupération des erreurs.
2.12 Support des éléments personnalisés
● Support complet pour les éléments personnalisés en passant les propriétés comme des attributs.
Module3
Introduction au Compilateur Expérimental de React
3.1 Présentation du compilateur
● Introduction au nouveau compilateur expérimental de React, optimisant automatiquement les applications au moment de la compilation.
3.2 Installation du compilateur et du plugin eslint
● Instructions pour installer le compilateur et le plugin eslint associé.
3.3 Migration
● Vérification de la compatibilité de votre codebase avec le compilateur.
● Vérification de la compatibilité de votre codebase avec le compilateur.
● Utilisation du plugin eslint pour détecter et corriger les violations des règles de React.
● Stratégies pour déployer le compilateur progressivement dans des projets existants et nouveaux.
Les prochaines
sessions de formation
Sur demande
Vous souhaitez organiser cette formation à une date spécifique ?Contactez-nous en remplissant le formulaire ci-dessous
07 juillet 2025
08 septembre 2025
03 novembre 2025
22 décembre 2025
