• 15 heures
  • Difficile

Ce cours est visible gratuitement en ligne.

course.header.alt.is_video

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 07/03/2022

Optimiser le state management avec des outils de l’écosystème React / Redux

Connectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

Compétences évaluées

  • Optimiser le state management avec des outils de l’écosystème React / Redux
  • Question 1

    Redux Toolkit est un outil qui permet de :

    Attention, plusieurs réponses sont possibles.
    • envoyer des promesses à la fonction dispatch

    • réduire le boilerplate du code Redux

    • écrire du code Redux plus facile à maintenir

    • ajouter des fonctionnalités aux Redux Devtools

  • Question 2

    Quelle commande permet d'installer Redux Toolkit ?

    • yarn add-package redux-toolkit
    • yarn add redux-toolkit
    • yarn add @reduxjs/toolkit
    • npx create-react-app add @reduxjs/toolkit
  • Question 3

    Parmi les extraits de code suivants, lesquels permettent de créer une action équivalente à celle-ci ?

    {
    type: 'addUser',
    payload: { firstName: 'Omar', lastName: 'Sy' }

     

    Attention, plusieurs réponses sont possibles.
    • import { createAction } from '@reduxjs/toolkit'
      const addUser = createAction('action/addUser');
      const action = addUser({ firstName: 'Omar', lastName: 'Sy' });
    • import { createAction } from '@reduxjs/toolkit'
      const addUser = createAction('addUser');
      const action = addUser({ firstName: 'Omar', lastName: 'Sy' });
    • import { createAction } from "@reduxjs/toolkit";
      const addUser = createAction("addUser", (firstName, lastName) => ({
      payload: { firstName, lastName },
      }));
      const action = addUser("Omar", "Sy");
    • import { createAction } from "@reduxjs/toolkit";
      const addUser = createAction("addUser");
      const action = addUser("Omar", "Sy");