• 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

Déployer Redux dans un projet à grande échelle

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

Compétences évaluées

  • Déployer Redux dans un projet à grande échelle
  • Question 1

    Lorsque l’on utilise combineReducers  pour créer le reducer Redux :

    Attention, plusieurs réponses sont possibles.
    • chaque action utilise un Reducer différent

    • tous les reducers reçoivent toutes les actions

    • le state doit forcément être un objet

    • chaque propriété du state utilise un reducer différent

  • Question 2

    Que faut-il ajouter à une application Redux pour utiliser les Redux Devtools une fois l’extension installée ?

    • Rien, les Redux Devtools fonctionnent automatiquement.

    • const reduxDevtools = window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
      const store = createStore(reducer, reduxDevtools);
    • const reduxDevtools = window.__REDUX_DEVTOOLS__
      const store = createStore(reducer, reduxDevtools);
    • const store = createStore(reducer, {
      devtools: true
      });
  • Question 3

    Que fait le bouton “Pause” en bas à gauche des Redux Devtools ? Expérimentez avec l’application React-Redux-Shiny pour trouver la solution !

    • Il met en pause l'exécution du JavaScript, l’application se fige et ne réagit plus.

    • Il met en pause l’interception des actions des Devtools, mais l’application continue de fonctionner.

    • Il met en pause le store Redux, la page fonctionne mais les actions Redux n’ont plus d’effets (le changement de thème ne fonctionne plus).

    • Une action @@PAUSED  est envoyée au store, mais l’application et les Devtools continuent de fonctionner.