Formation Redux
Redux est une bibliothèque JavaScript utilisée principalement avec React pour gérer l'état d'une application de manière centralisée et prévisible. Cette formation Redux vous permettra de voir en quoi Redux facilite la gestion des flux de données unidirectionnels, ce qui simplifie le suivi des modifications de données dans une application JavaScript, en particulier pour les applications complexes. Dans notre formation Redux nous verrons quels sont les principes clés : actions, actions creators, reducers, selectors, thunks. Puis nous verrons les bonnes pratiques de développement et comment les mettre en place avec Redux Toolkit. Enfin à la fin de la formation Redux nous utiliseront les principaux plugins de l'écosystème qui fait la force de Redux par rapport à ses concurrents.
Objectifs pédagogiques
- Comprendre l'intérêt d'un store dans une application front
- Mettre en place Redux dans un contexte React ou autre
- Connaitre les bonnes pratiques et utiliser Redux Toolkit
- Utiliser les principaux middlewares
Pré-requis
- Maitrise du langage JavaScript
- Connaissance de React ou équivalent
Public
- Développeurs
- Chefs de projets
Programme
Jour 1
Introduction
- Le pattern Flux et la naissance de Redux
- Pourquoi utiliser un store dans son application ?
- Les éléments de base : action, reducer, dispatch et observer
- Les concepts de base : Single Source of Truth, Pure Functions, Immuability
Les bonnes pratiques de développement
- Flux Standard Action, normer ses actions au format FSA
- Factoriser la création d'action dans des actions creators
- Eviter les typos avec les constantes
- Interroger son state et calculer des résultats avec les sélecteurs
- Combiner ses reducers avec combineReducers
- Utilisation d'un store TypeScript
- Debogguer avec Redux DevTools
Jour 2
Redux Toolkit
- Créer ses actions avec createAction
- Améliorer ses reducers avec createReducers
- Optimiser ses sélecteurs avec createSelector
- Réduire le nombre de fichiers avec createSlice
- Normaliser les données avec createEntityAdapter
Code asynchrone
- Redux Thunk et createAsyncAction
- Envoyer ses requêtes avec RTK Query
- Utiliser Redux Saga ou createListenerMiddleware pour s'abonner à des actions
Middlewares et extensions
- Les principaux middlewares : Thunk, Immuability, Serializability...
- Ecrire son propre middleware
- Gérer les undo/redo, utilisation de Redux Undo
- Gérer la persistence, utilisation de Redux Persist
Méthodes mobilisées
- Un formateur validé par nos équipes techniques et pédagogiques sera présent pendant toute la durée de la formation
- Pour les formations en présentiel, une salle de formation sera mise à disposition et équipée d'ordinateurs portables, d'un accès Wi-Fi, d'un projecteur et d'un tableau blanc. En distanciel la session sera suivie sur Zoom ou autre outil de visioconférence sur demande (Teams, Webex, Google Meet...).
- Un support de cours en version numérique sera remis à chaque participant
Modalités d’évaluation
- Questions orales ou écrites (QCM)
- Exercices pratiques
- Auto-positionnement en amont et aval de la formation
Accessibilité aux personnes handicapées
Nous nous engageons à rendre notre formation Redux accessible aux personnes en situation de handicap. Merci de nous contacter afin que nous puissions réaliser les adaptations nécessaires en amont de la formation.Avis
Intissar Z.
Commentaire général
no specific comment
Thouraya A.
Ines B.
Matthieu N.
Nizar T.
Abdeljabar M.
Nabil S.
Badreddine B.
Yosra G.
Florent P.
Maxime D.
Julien D.
Matthieu B.
Les +
Pedagogue et aspect pratique permettant de bien comprendre.
Thomas M.
Florent V.
La formation
Intéressant comme les formations précédentes.
Le formateur
Au top comme pour les formations web basic/advanced
Pascal H.
Commentaire général
Si je mets non à la question "Vous estimez-vous opérationnel(le) à l'issue de la formation ?" c'est que j'ai besoin de revoir tous ces aspects de mon coté pour pouvoir les digérer et les appliquer.