03 20 61 95 06

Formation React 19 Release Candidate (individualisée et personnalisée)


  • PHR19
  • Durée : 1 jour
  • Tarif : 750 € HT

96%

Taux de satisfaction clients
(sur 1432 évaluations du 19/05/21 au 26/06/24)

Voir les avis

Objectifs

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

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 27 mai 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.
modules

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.
● 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.
● 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
19 août 2024
14 octobre 2024
09 décembre 2024
03 février 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/