Biblioteca Redux

Neste tutorial, conheceremos uma biblioteca JavaScript muito útil e valiosa: a Redux. O nome da biblioteca origina-se de duas palavras - o nome da função reduce e da arquitetura de aplicativos Flux no React, que é baseada no uso de um fluxo de dados unidirecional.

Antes de tudo, o Redux é um contêiner previsível ou um armazenamento para os estados dos dados do aplicativo. Nós já encontramos o conceito de estado ou state (state) ao estudar o tutorial de React. Com o Redux, é possível escrever aplicativos clientes, servidores ou nativos que se comportam de forma previsível, são fáceis de dimensionar e testar.

O que mais atrai no Redux? Ele nos ajuda a gerenciar o estado global do aplicativo. As ferramentas e técnicas usadas no Redux tornam mais fácil entender onde, por que e de que maneira o estado mudou, bem como como a lógica do aplicativo se comportará no caso de tais mudanças.

O Redux é uma biblioteca independente, mas pode ser usada em conjunto com frameworks populares como React, Angular, Vue, e também com JavaScript puro. Adiantando um pouco, direi que em nosso tutorial usaremos a combinação com React.

Apesar da importância desta ferramenta, ao criar um aplicativo, deve-se avaliar racionalmente a necessidade de sua aplicação. Você precisa do Redux se você tem uma grande quantidade de estados necessários em diferentes partes do aplicativo, ou se os estados mudam com muita frequência, ou talvez você tenha uma lógica muito complexa para atualizar os estados.