Alternativas redux

Escrevi esta pequena biblioteca para meus próprios projetos, mas logo depois abri o código. Confira:

React Entities

.

Muito simples, sem redutores, sem despacho, sem API de contexto, sem middleware, sem complicações adicionais. Apenas diga, como deve ser.

Sim. Ainda é popular, as empresas não irão refatorar softwares grandes, complexos e funcionais apenas porque uma equipe de biblioteca tem um padrão de gerenciamento de estado alternativo mais recente. Você precisa de um argumento mais forte do que normalmente.

Sim, Redux é indiscutivelmente o gerente estadual mais popular do React. Há outros com

MobX

provavelmente estando em segundo lugar.

Definitivamente, Redux ainda é popular com React. Existem muitos projetos que ainda usam a antiga organização do Redux (por exemplo, ações, criadores de ação, redutores, todos em locais diferentes). Eu mesmo uso o modular

Patos redux

proposta, que mantém código semelhante junto.

Redux adicionalmente

introduziu ganchos

para reduzir o clichê e alinhar com o paradigma React Hooks mais recente.

O próximo popular para react-redux é

mobx-redux

.

A maioria das empresas com as quais tenho trabalhado evitou o Redux como uma praga (a menos que sua base de código estivesse bem acima de 10k + linhas de código).

Muitos optaram por usar

React HooksReact Context

Sozinho

Não declarado

ou

Ferramentas Personalizadas

O raciocínio para evitar REDUX não é por ser RUIM, mas por sua complexidade e custos iniciais. É muito fácil ter um projeto com excesso de engenharia com redux, pois ele foi criado para bases de código muito grandes e complexas.

Como eu digo "Redux é como o sal em um prato, uma vez adicionado é quase impossível de tirar"

Redux ainda é popular e ótimo para grandes projetos.

Mas se você está procurando apenas um estado global de gerenciamento, acho que a melhor opção é

React Context

.

De [email protected], o contexto faz parte da API estável.

o

documentação oficial

diz:

O contexto é projetado para

compartilhe dados que podem ser considerados “globais”

para uma árvore de componentes React, como o usuário autenticado atual, tema ou idioma preferencial.

Nas próximas versões do React, com ganchos, a sintaxe para usar o contexto é muito boa e fácil de adotar. Verifica

useContext

.

Eu recomendo que você leia:

Você pode não precisar de redux - Dan Abramov - Médio

Se você tiver alguma dúvida, deixe-me saber :)

Sim, Redux ainda é popular. Existem muitas alternativas, embora eu não afirme que uma seja necessariamente melhor.

Redux é uma maneira de um aplicativo gerenciar estados complexos.

No React, os componentes têm seu próprio estado, mas não têm uma maneira fácil de acessar o estado de outro componente (por design). Redux aborda isso, criando um repositório central de informações (a loja), maneiras para os componentes interagirem com a loja (ações) e maneiras para a loja lidar com os efeitos dessas ações (redutores).

Existem outras bibliotecas de gerenciamento de estado e outras maneiras no React de interagir com uma única fonte de verdade.

Uma delas é o url. Uma página da web possui apenas um url. Os aplicativos da Web podem alterar esse url (a parte principal do url ou os parâmetros de consulta) e ler o url atualizado.

Outra maneira é a API de ganchos de reação mais recente. Ganchos apresentam o

useReducer

sintaxe, que é um pouco semelhante ao Redux, mas não usa Redux.

finalmente, o

API de contexto

e a sintaxe Provedor / Consumidor é outra maneira do React-y de passar informações de um local central para componentes individuais sem passá-las explicitamente de cada pai.