Como o Redux Funciona em Termos Simples
Passar dados entre componentes React muitas vezes parece um jogo de telefone sem fio. Você passa dados de um pai para um filho e de um filho para um neto. Isso se torna bagunçado conforme seu aplicativo cresce.
O Redux resolve isso. Ele cria uma única fonte de verdade. Em vez de dados espalhados, tudo vive em um cofre central.
Pense em uma cafeteria para entender o Redux.
The Store (O Cofre) Este é o livro de registros da loja. Ele rastreia a contagem de grãos, pedidos e listas de funcionários.
The Action (O Pedido)
Um cliente não pega um latte diretamente no balcão. Ele faz um pedido. Uma action é um objeto simples que descreve o que aconteceu.
Exemplo: { type: 'ADD_TODO', text: 'Buy Milk' }
The Reducer (O Barista) O barista é a única pessoa que atualiza o livro de registros. Ele recebe o estado atual e o novo pedido. Em seguida, ele cria uma nova versão do livro de registros.
The Dispatch (O Caixa) O caixa recebe seu pedido e o entrega ao barista. O Dispatch é a função que envia sua action para a store.
Por que usar Redux?
À medida que seu aplicativo se expande para incluir perfis de usuário ou carrinhos de compras, uma store central facilita a depuração. Você pode consultar o histórico de suas actions para ver quando e por que os dados mudaram. Ele funciona como uma caixa-preta para o seu site.
Resumo:
• Action: Uma nota descrevendo uma mudança. • Reducer: A lógica que realiza a mudança. • Dispatch: O gatilho que envia a action para a lógica.
Fonte: https://dev.to/code_with_aravind/how-redux-works-in-simple-terms-1pkp