Estado compartido: el problema que resuelve un store
Entiende qué es el estado en una interfaz, por qué compartirlo entre componentes se complica y qué problema resuelve un store global antes de usar Zustand.
Conceptos de Zustand
Aprende los conceptos de Zustand (store, create, set, get, acciones y selectores), su flujo de datos y cómo se compara con Redux Toolkit y Context.
Configuración de Zustand en Next.js
Configura Zustand en Next.js paso a paso: instalación, tipado con TypeScript, ubicación de los stores por feature, uso en Client Components y el cuidado con el servidor.
Capacidades de Zustand
Explora lo que permite Zustand: selectores y useShallow, acciones asíncronas, middleware (devtools, persist, immer), slices y uso fuera de React.
Caso práctico: sesión y notificaciones con Zustand
Caso práctico: migra la sesión del login de la semana 12 a un store de Zustand con persistencia y construye un sistema de notificaciones con criterios de entrega.
Slides de la semana
Diapositivas de la semana 13 sobre estado compartido, Zustand en Next.js, selectores y acciones asíncronas con un visor de PDF integrado.