Articles of redux

Onde escrever para localStorage em um aplicativo Redux?

Eu quero persistir algumas partes da minha tree de estado para o localStorage. Qual é o local apropriado para isso? Redutor ou ação?

Carregar imagens com base no caminho dynamic no ReactJs

Estou tentando exibir imagens em um carrinho de compras que estou fazendo, mas não está aparecendo. Eu tenho que importar cada imagem? Eu sei que meus caminhos estão bem porque funcionou antes. Acho que pode haver algo errado no meu arquivo product.js, mas não consigo entender. Aqui está o meu Product.js import React, { Component, […]

O que é mapDispatchToProps?

Eu estava lendo a documentação da biblioteca Redux e tem esse exemplo, Além de ler o estado, os componentes do contêiner podem despachar ações. De maneira semelhante, você pode definir uma function chamada mapDispatchToProps() que recebe o método dispatch () e retorna adereços de retorno de chamada que você deseja injetar no componente de apresentação. […]

Acessando o estado do Redux em um criador de ações?

Digamos que eu tenha o seguinte: export const SOME_ACTION = ‘SOME_ACTION’; export function someAction() { return { type: SOME_ACTION, } } E nesse criador de ação, quero acessar o estado de armazenamento global (todos os redutores). É melhor fazer isso: import store from ‘../store’; export const SOME_ACTION = ‘SOME_ACTION’; export function someAction() { return { […]

Como posso exibir um modal dialog no Redux que realiza ações assíncronas?

Eu estou construindo um aplicativo que precisa mostrar um diálogo de confirmação em algumas situações. Digamos que eu queira remover algo, então eu vou enviar uma ação como deleteSomething(id) para que algum redutor capture o evento e preencha o redutor de checkbox de diálogo para mostrá-lo. Minha dúvida vem quando esta checkbox de diálogo é […]

Como redefinir o estado de uma loja Redux?

Eu estou usando o Redux para gerenciamento de estado. Como faço para redefinir a loja para o estado inicial? Por exemplo, digamos que eu tenha duas contas de usuário ( u1 e u2 ). Imagine a seguinte sequência de events: O usuário u1 efetua login no aplicativo e faz alguma coisa, portanto, armazenamos alguns dados […]

Por que precisamos de middleware para stream asynchronous no Redux?

De acordo com os documentos, “Sem o middleware, o repository do Redux suporta apenas o stream de dados síncronos” . Eu não entendo porque este é o caso. Por que o componente do contêiner não pode chamar a API assíncrona e dispatch as ações? Por exemplo, imagine uma interface do usuário simples: um campo e […]

Programaticamente navegar usando reat-roteador

Estou desenvolvendo uma aplicação em que eu verifiquei se o usuário não está loggedIn tenho que exibir o formulário de login, senão dispatch uma action que mudaria a rota e carregaria outro componente. Aqui está o meu código: render() { if (isLoggedIn) { // dispatch an action to change the route } // return login […]