Más precisamente, desde Zustand v3

Introducción

En esta publicación, me gustaría compartir la historia detrás del desarrollo de Zustand. Para ser precisos, no fui el autor original de Zustand, y cuando nació Zustand v0, estaba desarrollando otras bibliotecas estatales globales, especialmente React-Tracked. Por cierto, ahora me considero un autor (secundario) de Zustand.

Encontré mi tweet mencionando Zustand, comparándolo con otras bibliotecas, incluida la mía.

Mi creencia en ese momento era que el estado global debería pasarse a través de React Context para que funcione con React Concurrent Mode. Entonces, hice una tabla comparativa para diferenciar mi biblioteca de otras, y Zustand fue uno de ellos. Esto fue en el año 2019.

Zustand v3

En 2020, me uní al grupo Poimandres y me hice cargo del desarrollo de Zustand. Mi interés en aquel entonces era hacer que las bibliotecas estatales globales funcionaran con el modo React Concurrent. No fue posible obtener todos los beneficios del modo concurrente, pero había una API experimental llamada useMutableSource para hacer que el estado global fuera compatible con el modo concurrente.

Estaba experimentando con muchas cosas usando una solución basada en React Context con React-Tracked y me preguntaba qué podríamos hacer con el estado global sin React Context. Zustand tenía un año, pero nadie lo mantenía. Entonces decidí hacerme cargo.

El uso experimental de la API MutableSource no estaba listo, por lo que la primera tarea fue actualizar varias cosas y corregir algunos errores. Fue entonces cuando nació Zustand v3. Mi esperanza era lanzar pronto la v4 con useMutableSource, pero no sucedió. Hay otra historia detrás de esto.

Hoy en día, es un patrón bien conocido tener el estado global afuera y, opcionalmente, usar React Context para pasar su tienda. Zustand fue un pionero en este patrón. La gente se mostró muy escéptica acerca de no tener el estado global en React Context y nos costó mucho explicar que es un patrón válido.

Estado actual

Una de las cosas que me importan de Zustand es su implementación simple y su pequeño tamaño de paquete. Si observa el código fuente, verá que no es más que simplemente usar ganchos de React con una implementación de tienda mínima.

Al momento de escribir este artículo, Zustand v4 es la última versión, que tiene soporte TypeScript muy avanzado, y el código se reescribió casi por completo desde la versión 3. Tenemos Zustand v5 casi listo para el próximo lanzamiento.

Por último, pero no menos importante, hay varios contribuyentes que mantienen este proyecto. No esperaba que esto sucediera cuando asumí el proyecto. Estoy muy agradecido por ello. Gracias a todos.