Votre formation financée jusqu’à 50%

Voir les subventions applicables

React - Niveau avancé

Prochaines sessions

Aucune date ne convient?

Notifiez-moi si une session est ajoutée.

  • Durée: 2 jours
  • Prix régulier: $1,000
  • Prix préférentiel: $930

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

Pierre-Edouard Brondel
Pierre-Edouard Brondel
Formateur et conseiller en bureautique
Expert en pédagogie dans le domaine des technologies et de la bureautique cumulant plus de 25 ans d’expérience, Pierre-Édouard est d’abord et avant tout un passionné de capital humain.
Marc Maisonneuve
Marc Maisonneuve
Formateur et conseiller en efficacité professionnelle
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.
Frédéric Paradis
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é.
Virginie Louis
Virginie Louis
Formatrice en efficacité professionnelle, facilitatrice et conseillère en intelligence spatiale
Virginie s’éloigne de la formation standard pour offrir des solutions adaptées aux réalités et aux objectifs du client.
Soyez au fait des tendances, innovations et bonnes pratiques, chaque mois.
Confidentialité
Centre de formation autorisé Emploi-Québec, Agrément : 0051460
TPS : 141582528 – TVQ : 1019557738
© 2021 AFI
AFI Expertise

L’expérience AFI par Edgenda

Chez AFI, nous concentrons nos efforts pour vous offrir des formations pertinentes et des expériences d’apprentissage percutantes qui s’inscrivent dans vos démarches de transformation. Vous désirez être accompagné dans ces démarches? Consultez les services d’Edgenda: Edgenda.com