zustand-stores

What problem does it solve?

Zust and stores provide a lightweight, type-safe pattern for sharing UI and authentication state across React components with SSR-safe initialization, ensuring server-rendered HTML and client navigation stay in sync without hydration headaches.

Core Features & Use Cases

• SSR-safe initialization from server-provided data (e.g., window.INITIAL_AUTH) to hydrate initial state
• Centralized access via useAuthStore and useAuthStore.getState() for helpers
• Clear separation of concerns with actions and selectors in Zustand stores
• Lightweight, easily testable pattern suitable for auth flows and UI state

Quick Start

Initialize the auth store at startup and read isAuthenticated with useAuthStore((s) => s.isAuthenticated).