Redux Toolkit

En Cadrement : Prof khalid mzibra

Présenté par: Ihssan nour Eddine & Zakaria

Labay
 Sommaire
01 - Introduction :
02 - configureStore :
03 – createSlice :
04 - createAsyncThunk :
05 - createReducer :
06 - Intégration Immer :
07 - Intégration de l'extension Redux DevTools :
08 - Logique Redux Simplifiée:
09 - Recommandation Officielle :
10 – conclusion :
Redux Toolkit 01 - Introduction :

Redux Toolkit est un ensemble de

fonctions utilitaires et d'abstractions
qui simplifie et rationalise le
processus de gestion de l'état dans
une application basée sur Redux. Il
est conçu pour relever les défis
courants et offrir une manière plus
ergonomique et efficace de travailler
avec Redux.
 02 - configureStore :

• Une fonction qui simplifie la configuration d'un

store Redux.
• Configure automatiquement les améliorateurs de
store courants, compris les middleware, les outils
de développement, et plus encore.
03 – createSlice :
Une fonction pour créer des "slices"
Redux qui incluent à la fois des
fonctions de réduction et des
créateurs d'actions.
Réduit la redondance en gérant la
création d'actions et de
réducteurs de manière plus
concise.
 04 - createAsyncThunk :

Une fonction utilitaire pour simplifier la gestion de la

logique asynchrone dans Redux.
Souvent utilisée pour effectuer des appels asynchrones
à des API et déclencher des actions correspondantes
en fonction des résultats .
 05 - createReducer :
Une fonction utilitaire qui aide à simplifier la
création de réducteurs Redux.
Permet une syntaxe plus concise pour gérer
plusieurs types d'actions au sein d'un réducteur.
06 - Intégration Immer :

Redux Toolkit exploite Immer en

interne, permettant une
manière plus pratique d'écrire
des mises à jour immuables de
l'état.
07 - Intégration de l'extension Redux DevTools :

Redux Toolkit s'intègre parfaitement à

l'extension Redux DevTools, fournissant des
outils de développement puissants pour le
débogage et l'inspection de l'état.
 08 - Logique Redux Simplifiée:

• Encourage les bonnes pratiques et une

manière plus normalisée d'écrire la
logique Redux.
• Réduit la quantité de code redondant
traditionnellement associée à Redux .
 09 - Recommandation Officielle :

Redux Toolkit est officiellement

recommandé par les créateurs de
Redux comme la manière standard
d'écrire la logique Redux.
 10- conclusion :

Redux Toolkit simplifie considérablement le développement d'applications React en utilisant Redux comme
gestionnaire d'état. Grâce à des fonctionnalités telles que `createSlice` pour réduire le code boilerplate,
`configureStore` pour une configuration simplifiée du store Redux, et `createAsyncThunk` pour la gestion
fluide des opérations asynchrones, Redux Toolkit offre une approche plus concise et efficace.

L'intégration fluide des DevTools Redux, la facilité d'immutabilité, et la gestion automatisée du middleware
font de Redux Toolkit un choix recommandé, en particulier pour les nouveaux projets. En adoptant cette
bibliothèque, les développeurs peuvent accélérer le processus de développement, améliorer la maintenabilité
du code, tout en préservant la puissance et la flexibilité de Redux.