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ètre createdAt 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 fonction prepare sera ignorée.

Maîtriser les bases de Redux Toolkit

Compétences évaluées

Question 1

Question 2

Question 3