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.
<aside> 💡 Os exemplos começam com projetos em JavaScript e progridem para estágios mais avançados, incorporando o React.
</aside>
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
atualiza um elemento renderizado sempre que o estado é atualizado.
unsubcribe
desativa a atualização caso necessário.