Redux - Visão geral

Redux é um contêiner de estado previsível para aplicativos JavaScript. Conforme o aplicativo cresce, fica difícil mantê-lo organizado e manter o fluxo de dados. Redux resolve este problema gerenciando o estado da aplicação com um único objeto global chamado Store. Os princípios fundamentais do Redux ajudam a manter a consistência em todo o aplicativo, o que torna a depuração e o teste mais fáceis.

Mais importante ainda, oferece edição de código ao vivo combinada com um depurador que viaja no tempo. É flexível para acompanhar qualquer camada de visão, como React, Angular, Vue, etc.

Princípios do Redux

A previsibilidade do Redux é determinada pelos três princípios mais importantes, conforme abaixo -

Fonte Única da Verdade

O estado de todo o seu aplicativo é armazenado em uma árvore de objetos dentro de um único armazenamento. Como todo o estado do aplicativo é armazenado em uma única árvore, isso torna a depuração fácil e o desenvolvimento mais rápido.

O estado é somente leitura

A única maneira de mudar o estado é emitir uma ação, um objeto que descreve o que aconteceu. Isso significa que ninguém pode alterar diretamente o estado do seu aplicativo.

As mudanças são feitas com funções puras

Para especificar como a árvore de estado é transformada por ações, você escreve redutores puros. Um redutor é um local central onde ocorre a modificação de estado. Redutor é uma função que assume estado e ação como argumentos e retorna um estado recém-atualizado.