O Redux é um contêiner de estado previsível para aplicativos JavaScript com base no padrão de design do Flux.
Fechado . Esta questão é baseada em opiniões . No momento, não está aceitando respostas. Fechado no ano passado . Bloqueado . Esta pergunta e suas respostas estão bloqueadas porque a questão está fora do tópico, mas tem um significado histórico. No momento,...
Eu tenho uma ação que atualiza o estado de notificação do meu aplicativo. Normalmente, esta notificação será um erro ou informação de algum tipo. Preciso despachar outra ação após 5 segundos que retornará o estado de notificação ao inicial, portanto, nenhuma notificação. A principal razão por trás...
De acordo com os documentos, "Sem o middleware, o armazenamento Redux suporta apenas o fluxo de dados síncrono" . Não entendo por que esse é o caso. Por que o componente de contêiner não pode chamar a API assíncrona e dispatchas ações? Por exemplo, imagine uma interface simples: um campo e um...
Há muita conversa sobre o garoto mais recente da cidade de redux agora, redux-saga / redux-saga . Ele usa funções de gerador para ouvir / despachar ações. Antes de entender, gostaria de saber os prós / contras do uso, em redux-sagavez da abordagem abaixo, na qual estou usando o redux-thunkasync /...
Estou usando o Redux para gerenciamento de estado. Como redefinir a loja para seu estado inicial? Por exemplo, digamos que eu tenho duas contas de usuário ( u1e u2). Imagine a seguinte sequência de eventos: O usuário u1faz login no aplicativo e faz alguma coisa, por isso, armazenamos em cache...
Eu estava lendo a documentação da biblioteca Redux e ela tem este exemplo: Além de ler o estado, os componentes do contêiner podem despachar ações. De maneira semelhante, você pode definir uma função chamada mapDispatchToProps()que recebe o dispatch()método e retorna adereços de retorno de...
Digamos que tenho o seguinte: export const SOME_ACTION = 'SOME_ACTION'; export function someAction() { return { type: SOME_ACTION, } } E nesse criador de ações, desejo acessar o estado global da loja (todos os redutores). É melhor fazer isso: import store from '../store'; export const...
Fechado . Esta questão é baseada em opiniões . No momento, não está aceitando respostas. Deseja melhorar esta pergunta? Atualize a pergunta para que ela possa ser respondida com fatos e citações editando esta postagem . Fechado no ano passado .
Estou criando um aplicativo que precisa mostrar uma caixa de diálogo de confirmação em algumas situações. Digamos que eu queira remover algo, então enviarei uma ação como essa deleteSomething(id)para que algum redutor pegue esse evento e preencha o redutor de diálogo para mostrá-lo. Minha dúvida...
Estou aprendendo Redux com React e me deparei com esse código. Não tenho certeza se é específico ao Redux ou não, mas vi o seguinte trecho de código em um dos exemplos. @connect((state) => { return { key: state.a.b }; }) Embora a funcionalidade de connectseja bastante direta, mas eu não...
Como observação: li os documentos do Redux (Baobab também) e fiz uma boa parte do Google e dos testes. Por que é tão fortemente sugerido que um aplicativo Redux tenha apenas uma loja? Entendo os prós / contras de uma configuração de loja única versus uma configuração de loja múltipla ( há muitas...
Estou tentando entender o método de conexão do react-redux e as funções que ele assume como parâmetros. Em particular mapStateToProps(). Pelo que entendi, o valor de retorno de mapStateToPropsserá um objeto derivado do estado (como ele vive na loja), cujas chaves serão passadas para o componente...
Depois de passar algum tempo aprendendo o React, entendo a diferença entre os dois principais paradigmas da criação de componentes. Minha pergunta é quando devo usar qual e por quê? Quais são os benefícios / tradeoffs de um sobre o outro? Classes ES6: import React, { Component } from...
A POSTsolicitação axios está atingindo a URL no controlador, mas configurando valores nulos para minha classe POJO. Quando passo pelas ferramentas de desenvolvedor no chrome, a carga contém dados. O que estou fazendo de errado? Solicitação POS Axios: var body = { userName: 'Fred', userEmail:...
é possível despachar uma ação no próprio redutor? Eu tenho uma barra de progresso e um elemento de áudio. O objetivo é atualizar a barra de progresso quando a hora for atualizada no elemento de áudio. Mas não sei onde colocar o manipulador de eventos ontimeupdate ou como despachar uma ação no...
@connectfunciona muito bem quando estou tentando acessar a loja dentro de um componente de reação. Mas como devo acessá-lo em algum outro código? Por exemplo: digamos que eu queira usar um token de autorização para criar minha instância axios que possa ser usada globalmente no meu aplicativo, qual...
Fechado . Esta questão é baseada em opiniões . No momento, não está aceitando respostas. Deseja melhorar esta pergunta? Atualize a pergunta para que ela possa ser respondida com fatos e citações editando esta postagem . Fechado há 2 anos . Melhore...
Vou migrar para o Redux. Meu aplicativo consiste em várias partes (páginas, componentes), por isso quero criar muitos redutores. Exemplos de redux mostram que eu deveria usar combineReducers()para gerar um redutor. Além disso, como eu entendo, o aplicativo Redux deve ter um armazenamento e é...
Quero persistir algumas partes da minha árvore de estado no localStorage. Qual é o local apropriado para fazer isso? Redutor ou
Existe uma abordagem sistemática para depurar o que está fazendo com que um componente seja renderizado novamente no React? Coloquei um console.log () simples para ver quanto tempo ele renderiza, mas estou tendo problemas para descobrir o que está causando o componente renderizar várias vezes, ou...