Articles of redux

Como conectar-se funciona sem mapDispatchToProps

Eu estava lendo os documentos de exemplo para o redux e encontrei este exemplo de um componente de contêiner. Alguém pode explicar por que, neste caso, mapDispatchToProps não é necessário aqui. Além disso, como funciona a function de envio? import React from ‘react’ import { connect } from ‘react-redux’ import { addTodo } from ‘../actions’ […]

Por que usar o Redux no Facebook Flux?

Eu li essa resposta , reduzindo o clichê , olhei alguns exemplos do GitHub e até tentei redux um pouco (todo apps). Pelo que entendi, as motivações oficiais do redux doc oferecem vantagens em comparação às arquiteturas MVC tradicionais. MAS não fornece uma resposta para a pergunta: Por que você deveria usar o Redux no […]

O que é o uso da declaração de importação do Curly Braces in ES6

Eu posso ver que existem duas maneiras diferentes de importar import React from ‘react’ import { render } from ‘react-dom’ o segundo tem colchetes. Então qual é a diferença entre os dois? e quando devo adicionar colchetes? obrigado

Como carregar dinamicamente redutores para divisão de código em um aplicativo Redux?

Eu vou migrar para o Redux. Meu aplicativo consiste em várias partes (páginas, componentes), portanto, quero criar muitos redutores. Exemplos de combineReducers() mostram que eu deveria usar o combineReducers() para gerar um redutor. Também, como eu entendo, o aplicativo Redux deve ter um armazenamento e é criado assim que o aplicativo for iniciado. Quando a […]

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 […]