• 8 heures
  • Difficile

Ce cours est visible gratuitement en ligne.

course.header.alt.is_certifying

J'ai tout compris !

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è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.

Et si vous obteniez un diplôme OpenClassrooms ?
  • Formations jusqu’à 100 % financées
  • Date de début flexible
  • Projets professionnalisants
  • Mentorat individuel
Trouvez la formation et le financement faits pour vous