Logo Redux

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 / Compétences visées

  • 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

Moyens pédagogiques et techniques

  • Formateur validé par nos équipes techniques et pédagogiques
  • Salle de formation informatisée
  • Support de cours numérique

Suivi et appréciation des résultats

  • Questions orales ou écrites (QCM)
  • Exercices pratiques
  • Formulaires d'évaluation

Avis

Intissar Z.

le 02 février 2024

Commentaire général
no specific comment

Thouraya A.

le 02 février 2024

Ines B.

le 02 février 2024

Matthieu N.

le 02 février 2024

Nizar T.

le 02 février 2024

Abdeljabar M.

le 02 février 2024

Nabil S.

le 02 février 2024

Badreddine B.

le 02 février 2024

Yosra G.

le 20 décembre 2023

Florent P.

le 20 décembre 2023

Maxime D.

le 20 décembre 2023

Julien D.

le 20 décembre 2023

Matthieu B.

le 20 décembre 2023

Les +
Pedagogue et aspect pratique permettant de bien comprendre.

Thomas M.

le 20 décembre 2023

Florent V.

le 20 décembre 2023

La formation
Intéressant comme les formations précédentes.

Le formateur
Au top comme pour les formations web basic/advanced

Pascal H.

le 20 décembre 2023

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.

Dernière modification le 14/12/2023