Redux foi criado para solucionar o problema de compartilhamento de estados entre componentes, tornando-o unidirecional. O Redux simplifica a evolução de estados em uma aplicação quando tem múltiplos estados para controlar e muitos componentes que precisam se atualizar ou se inscrever nessa evolução, tirando a responsabilidade de cada componente de guardar o estado e passando para uma centralização e única Store.
Partes do Redux:
Stote é um container quer armazena e centraliza o estado geral da aplicação, o Store é imutável, ele nunca se altera, apenas evolui.
Actions são fontes de informações que são enviadas para a aplicação de Stote. São disparadas pelas Actin Creators, são simples funções que, ao serem executadas ativam o Reducers.
Reducers recebem e tratam das informações para que sejam ou não enviadas à Store.
Conexão dos componentes ao Redux para poderem se inscrever à evolução de estados do Store ou disparar eventos e evoluir.
Para saber mais informações. Clique aqui!
Instalar a versão estável:
- npm install redux
Pacotes Complementares
Provavelmente, você também precisará das ligações do React e das ferramentas do desenvolvedor.
- npm install react -redux
- npm install –save-dev redux-devtools
Criar um aplicativo React Redux
A maneira recomendada de iniciar novos aplicativos com o React e o Redux é usando o modelo oficial do Redux + JS para o Create React App , que aproveita o Redux Toolkit e a integração do React Redux com os componentes do React.
- npx create-react-app my-app –template redux
Quer aprender React.js na prática? Clique aqui para saber como.
4 motivos para usar o Redux:
O Redux ajuda a escrever aplicativos que se comportam de maneira consistente, executam em diferentes ambientes (cliente, servidor e nativo) e são fáceis de testar.
A centralização do estado e da lógica do aplicativo permite recursos avançados como desfazer / refazer, persistência de estado e muito mais.
O Redux DevTools facilita o rastreamento de quando, onde, por que e como o estado do seu aplicativo mudou. A arquitetura do Redux permite registrar alterações, usar “depuração de viagem no tempo” e até enviar relatórios completos de erros para um servidor.
O Redux funciona com qualquer camada da interface do usuário e possui um grande ecossistema de complementos para atender às suas necessidades.
Quer aprender React.js na prática? Clique aqui para saber como.
