React - Niveau avancé

Coder au niveau supérieur avec React - niveau avancé

Session privée

Ce cours est disponible en session privée ou personnalisée. Il peut être offert à l’un de nos centres de formation ou directement à vos bureaux. Appelez l’un de nos conseillers ou faites une demande de soumission en ligne.

Appelez maintenant au 1 877 624.2344

Durée: 2 jours
Prix régulier: Sur demande

Plan de cours

Durée : 2 jours

Maintenant que vous maîtrisez les fondements de React, vous êtes prêts à coder au niveau supérieur. Nous couvrons les sujets plus avancés, incluant: patrons d'architecture en React, Hooks personalisés, props de rendu, composants d’ordre supérieur, optimiser les performances, contexte partagé, découpage de code, immuabilité des données, Redux, suspense, mode concurrent et bien plus.

Nous avons même une démo sur comment créer une application téléphonique en utilisant React.

Contenu

1. Patrons architecture React

Séparation des responsabilités dans vos composants
Composants d’ordre supérieur (higher-order components)
Props de rendu (render props)
Hooks personnalisés (custom hooks)
Réutilisation des composantes

2. Contexte

Pourquoi utiliser un contexte?
Créer un contexte avec createContext()
Utiliser des fournisseurs et des consommateurs (providers and consumers)
Mettre à jour le contexte

3. Gestion de l’État avec Redux

Introduction à Flux et à Redux
Stockage
Actions
Réducteurs (reducers)
Utilisation des Hooks avec Redux

4. Utiliser Redux avec des appels asynchrones

Utiliser le middleware de Redux
Utiliser Redux-Thunk
Utiliser Redux dev tools
Utiliser Fetch() avec Redux

5. Redux Toolkit

Simplifiez le stockage avec configureStore()
Générez vos réducteurs et actions grâce aux slices
Écrivez des modifications immuables, en utilisant immer
Filtrez vos données avec des sélecteurs

6. Optimiser les performances de React

Livrer en mode « production »
Éviter la réconciliation
ShouldComponentUpdate()
Composants purs
Memoïsation de composants avec memo()

7. Suspense

Suspense, un composant pour le chargement
Suspense avec le découpage dynamique de code
Suspense pour la récupération de données
Patron Render-as-you-fetch

8. Transitions

Transitions de Suspense
3 étapes du chargement
Hooks personnalisés (custom hooks)
Valeur en différé
SuspenseList

9. Mode Concurrent

Activer le mode concurrent
Mode Concurrent
Mode bloquant
Mode historique

10. Technologies additionnelles

Présentation de React Native : développement d’applications mobiles avec React
Présentation de React Ionic : développement d’applications mobiles avec le DOM

Savoir s’entourer des meilleurs

Frédéric Paradis

Formateur certifié et architecte en solutions infonuagiques

Formateur certifié Microsoft, Frédéric se décrit comme un magicien de l’infonuagique, cet espace mythique entre technologie et réalité.

Marc Maisonneuve

Directeur des programmes de formation

Marc Maisonneuve agit à titre de Directeur des programmes de formation, formateur de l’efficacité professionnelle et leader de pratique des outils utilisateurs chez AFI depuis plusieurs années. M. Maisonneuve se distingue par sa capacité d’analyse, son calme légendaire et sa volonté indéniable de pousser l’humain à développer ses compétences. Il propose tout naturellement des solutions technologiques à des besoins concrets en milieu de travail.

Vicky Moreau

Formatrice

Vicky Moreau est une travailleuse autonome et professionnelle passionnée pour le domaine de la bureautique. Elle est détentrice d’un diplôme d’études collégiales en bureautique, mais c'est en tant qu’autodidacte qu’elle a acquis sa solide expérience avec les applications de la Suite Office. Elle a complété avec succès une certification MOS (Microsoft Office Specialist) Excel.

Francis Ferland-Stevenson

Formateur

Francis a débuté son rôle de formateur il y a plus de 5 ans en testant des outils bureautiques conçu spécifiquement pour combler les besoins de ses collègues. Son approche calme et son regard empathique lui permettent de trouver un langage clair et accessible pour tous les niveaux des groupes auxquels il enseigne. En tant que formateur, il est donc à l’écoute des besoins de ses élèves pour s'assurer que ceux-ci rencontrent leurs objectifs et relèvent les nouveaux défis.