- 8 heures
- Difficile
Mis à jour le 28/08/2024
Maîtriser les bases de Redux Toolkit
Compétences évaluées
- Maîtriser les bases de Redux Toolkit
Question 1
Pourquoi utiliser Redux Toolkit ?
Attention, plusieurs réponses sont possibles.Elle propose un ensemble d’outils complémentaires à Redux.
L’utiliser permet de structurer son code de manière plus concise et plus simple.
Elle favorise le découpage du store en slices.
Elle va remplacer Redux.
Question 2
Pourquoi utilise-t-on
createAction
?Attention, plusieurs réponses sont possibles.Pour générer des actions en réduisant la quantité de code.
Parce qu’elle propose une procédure pour formater les valeurs de
payload
.Cela nous évite d’utiliser la méthode
dispatch
.Elle nous évite de devoir déclarer des clés pour les actions et les utiliser dans les reducers.
Question 3
Nous créons dans l’implémentation suivante un action creator avec
createAction
, comment décrire son usage ?import { createAction, nanoid } from '@reduxjs/toolkit' const myAction = createAction('my/action', function prepare(parameter) { return { payload: { parameter, id: nanoid(), createdAt: new Date().toISOString(), }, } })
myAction
est un action creator qui permet de formater le payload des actions du type ‘my/action’ en ajoutant un paramètrecreatedAt
qui est la date de création.myAction
est appelé avec une callback qui va bloquer l’action si la date est dans le passé.La fonction prepare est exécutée après l’action ‘my/action’ et permet de stocker le payload dans le
localStorage
.createAction
ne peut être appelé qu’avec un seul paramètre, l’identifiant de l’action, la fonctionprepare
sera ignorée.
- Formations jusqu’à 100 % financées
- Date de début flexible
- Projets professionnalisants
- Mentorat individuel