Redux é uma biblioteca JavaScript de código aberto usada para gerenciar o estado do aplicativo. React usa Redux para construir a interface do usuário. Foi introduzido pela primeira vez por Dan Abramov e André Clark em 2015 .
React Redux é a ligação oficial do React para Redux. Ele permite que os componentes do React leiam dados de um Redux Store e enviem Ações para o Loja para atualizar dados. Redux ajuda os aplicativos a escalar, fornecendo uma maneira sensata de gerenciar o estado por meio de um modelo de fluxo de dados unidirecional. React Redux é conceitualmente simples. Ele se inscreve no armazenamento Redux, verifica se os dados que seu componente deseja foram alterados e renderiza novamente seu componente.
java faça enquanto exemplo
Redux foi inspirado no Flux. Redux estudou a arquitetura Flux e omitiu complexidade desnecessária.
- Redux não possui conceito de Dispatcher.
- Redux possui uma única Loja enquanto o Flux possui muitas Lojas.
- Os objetos Action serão recebidos e tratados diretamente pela Store.
Por que usar React Redux?
Os principais motivos para usar React Redux são:
- React Redux é o oficial Vinculações de IU para aplicação de reação. Ele é mantido atualizado com quaisquer alterações na API para garantir que seus componentes React se comportem conforme o esperado.
- Incentiva uma boa arquitetura 'React'.
- Ele implementa muitas otimizações de desempenho internamente, o que permite a nova renderização dos componentes somente quando realmente necessário.
Arquitetura Redux
Os componentes da arquitetura Redux são explicados abaixo.
LOJA: Uma Loja é um local onde é listado todo o estado do seu aplicativo. Ele gerencia o status do aplicativo e possui uma função de expedição (ação). É como um cérebro responsável por todas as partes móveis do Redux.
AÇÃO: A ação é enviada ou despachada a partir da visualização, que são cargas úteis que podem ser lidas pelos Redutores. É um objeto puro criado para armazenar as informações do evento do usuário. Inclui informações como tipo de ação, horário da ocorrência, local da ocorrência, suas coordenadas e qual estado pretende alterar.
npm limpar cache
REDUTOR: O redutor lê as cargas úteis das ações e, em seguida, atualiza o armazenamento por meio do estado de acordo. É uma função pura retornar um novo estado do estado inicial.
Instalação Redux
Requisitos: React Redux requer React 16.8.3 ou versão posterior.
Para usar o React Redux com o aplicativo React, você precisa instalar o comando abaixo.
$ npm install redux react-redux --save
