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