Discussion :

[snyou07]

Bonjour, Bonsoir

Je suis actuellement en train d'apprendre Redux et j'aurais une question , je suis en train de réaliser une todolist avec un api pour sa j’utilise axios pour mes requête.

j'ai une page home qui affiche tous mes todo pour ce faire je lance mon action dans componentdidmount() du coup mon store se met à jour grâce au reducer etc...

Arriver au moment ou je veux rajouter une todo je crée mon action

Action

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
export function addtodo(todo, history) {
  return function(dispatch) {
    axios
      .post(`${BASE_URL}/todos`, {
        name: todo.nom,
        content: todo.content
      })
      .then(respons => {
        dispatch({ type: AT_TODOS.CREATE_TODO, payload: respons.data }); // ICI
        history.push("/home");
      });
  };
}

Reducer

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
export default function reducerTodos(state = [], action) {
  switch (action.type) {
    case AT_TODOS.READ_ALL_TODO:
      return action.payload;
    case AT_TODOS.SEARCH_TODO:
      return action.payload;
    case AT_TODOS.CREATE_TODO:
      return [...state, action.payload];
    default:
      return state;
  }
}

Tout fonctionne correctement pas de problème, la question c'est pourquoi faire un dispatch dans l'action pour changer mon store alors que puisque je fais un history et je vais vers mon home qui met à jour le store en récupèrent tous les todos
je demande car dans tous les tuto que j'ai pu voire on utilise malgré tout le dispatch

Voilà merci désolé pour mon orthographe

[gwyohm]

salut

Rien ne t'oblige en effet à faire un dispatch qui recharge les todos. Cependant, dans une application plus large, tes principes de navigation seraient séparés de tes workflows d'action.
Ce n'est pas parce-que tu fais une action sur ton store que tu vas être redirigé vers un composant qui liste tous les éléments de ton store.
A toi de définir en fonction des APIs dont tu disposes qu'est-ce que signifie réaliser telle action.
En suivant le principe des tutos que tu évoques, tu peux être certain que quand une action d'ajout de todo est résolue, ta liste de todo est à jour. Libre à toi de guider l'utilisateur vers un composant permettant de lister les todo, de proposer à nouveau le formulaire de création de todo, de proposer l'assignation des todo non affectées...

[snyou07]

Bonjour

Je te remercie pour la réponse , c’est très clair maintenant