A biblioteca Redux, desenvolvida em JavaScript, destina-se ao gerenciamento de estados em aplicações. Sua aplicabilidade estende-se a diversos frameworks e bibliotecas, como React, Angular, Vue.js, Node.js, React Native, e abrange tanto o uso de JavaScript quanto TypeScript em ambientes de desenvolvimento em geral.

Básico

<aside> 💡 Os exemplos começam com projetos em JavaScript e progridem para estágios mais avançados, incorporando o React.

</aside>

Store e Action

A primeira fase envolve a configuração da store através do método Redux.createStore(). Isso permite o acesso ao estado global, capacitando a aplicação a despachar ações e modificá-las conforme necessário.

Obrigatoriamente é necessário passar uma função onde está os estados da aplicação e essa função é chamada de reducer. Para atualizar o estado, deve enviar uma ação através do store utilizando o método dispach que contém um type e um valor opcional payload. O Reducer irá receber essa ação através do action.

Subscribe

subscribe atualiza um elemento renderizado sempre que o estado é atualizado.

unsubcribe desativa a atualização caso necessário.

Código