? El Museo del Estado de Reacción

ViewVer las mejores libs de administración de estado para React

¿Por qué?

Esto es para servir como una Piedra Rosetta de los sistemas de gestión estatal. Una aplicación básica de la lista de empaque fue construida en:

setState
Reaccionar 16.x contexto
Redux – por Dan Abramov
MobX – por Michel Weststrate
no declarado – por Jamie Kyle
MobX-State-Tree – por Michel Weststrate otra vez
Apolo GraphQL con Amazon AppSync
setState + react-automata – por Michele Bertoli
Freactal – por Dale en Formidable
ReduxX – por Mikey Stecky-Efantis
pura tienda – por Arthur Gunn

Seguramente está familiarizado con uno o más de los sistemas antes mencionados, y ahora puede aprovechar ese conocimiento para comprender mejor a muchos otros. Es su oportunidad de ver de qué se trata todo el alboroto y, sinceramente, qué tan similares son realmente todos estos sistemas estatales.

Para representar estos sistemas en una forma clara y comprensible, la aplicación elegida es una aplicación de lista de empaque simple con solo la capacidad de agregar y borrar .

Simple como se obtiene la aplicación (nativa y web)

Para ilustrar el estado saltando el cable, ADD / CLEAR es un componente, y la LISTA es un componente secundario en todos los ejemplos.

Incluso los dos componentes principales (agregar / enumerar) se han abstraído a una biblioteca importada, dejando solo el código fundamental para enfatizar la (s) elección (es) del estado. El código está destinado a ser minimalista.