Repolode
Enviar
pmndrs

pmndrs/zustand

Una pequeña biblioteca de gestión de estado para React basada en hooks, sin necesidad de providers.

Alternativa open source a:Redux

Ver en GitHubSitio web
Estrellas
58,845
Forks
2,176
Issues abiertos
8
Último commit
hace 7 días

¿Qué es?

Zustand es una biblioteca de gestión de estado para React basada en principios simplificados de Flux. El store se crea con una sola función y se expone como un hook, de modo que los componentes pueden leer directamente cualquier parte del estado sin envolver la aplicación en providers de contexto.

Los componentes se suscriben a las partes del estado que seleccionan y solo se vuelven a renderizar cuando cambian esos valores. La biblioteca incluye utilidades para la comparación superficial, comprobaciones de igualdad personalizadas y actualizaciones transitorias que evitan los nuevos renderizados. También funciona sin React mediante una API de store vanilla.

El paquete ofrece middleware para persistir el estado en almacenamiento, actualizaciones inmutables basadas en Immer, reducers al estilo de Redux e integración con Redux DevTools. Está escrito en TypeScript y está disponible en npm.

Funciones clave

  • 01Crea stores como hooks, sin necesidad de providers.
  • 02Los componentes solo se vuelven a renderizar cuando cambia el estado que seleccionaron.
  • 03Admite comparación superficial y funciones de igualdad personalizadas.
  • 04Ofrece middleware de persistencia, Immer, estilo Redux y devtools.
  • 05Se puede usar sin React mediante una API de store vanilla.

Casos de uso

  • Compartir el estado de la aplicación entre componentes de React con un mínimo de código repetitivo.
  • Persistir preferencias de usuario o datos de sesión en localStorage o sessionStorage.
  • Migrar desde Redux sin dejar de usar acciones al estilo de los reducers.
  • Gestionar estados que se actualizan con frecuencia sin provocar nuevos renderizados innecesarios.

Inicio rápido

  1. 1

    Instala zustand desde npm

    npm install zustand
  2. 2

    Crea un store con create y usa el hook en los componentes

Temas

#react#state-management#typescript#hooks#redux#frontend#hacktoberfest#react-context#reactjs

Preguntas frecuentes

¿Qué es zustand?
Una pequeña biblioteca de gestión de estado para React basada en hooks, sin necesidad de providers. Zustand es una biblioteca de gestión de estado para React basada en principios simplificados de Flux. El store se crea con una sola función y se expone como un hook, de modo que los componentes pueden leer directamente cualquier parte del estado sin envolver la aplicación en providers de contexto.
¿zustand es gratuito? ¿Qué licencia tiene?
zustand es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿zustand sigue mantenido?
Mantenimiento activo. El último commit de zustand fue el 14 oct 2026.
¿Para qué puedo usar zustand?
Compartir el estado de la aplicación entre componentes de React con un mínimo de código repetitivo. Persistir preferencias de usuario o datos de sesión en localStorage o sessionStorage. Migrar desde Redux sin dejar de usar acciones al estilo de los reducers. Gestionar estados que se actualizan con frecuencia sin provocar nuevos renderizados innecesarios.
¿Cómo se instala zustand?
Instala zustand desde npm: npm install zustand Crea un store con create y usa el hook en los componentes
¿Dónde consigo zustand?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/pmndrs/zustand

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados