@hua-labs/state

pnpm add @hua-labs/state

import {
  // Store creators
  createHuaStore,         // Create typed store
  createPersistedStore,   // Store with localStorage persist

  // SSR utilities
  createSSRStore,         // SSR-safe store
  useHydration,           // Hydration hook

  // Middleware
  withPersist,            // Persist middleware
  withDevtools,           // Redux devtools

  // Types
  type StoreApi,
  type StateCreator,
} from '@hua-labs/state';

import { createHuaStore } from '@hua-labs/state';

interface CounterState {
  count: number;
  increment: () => void;
  decrement: () => void;
}

const useCounterStore = createHuaStore<CounterState>((set) => ({
  count: 0,
  increment: () => set((state) => ({ count: state.count + 1 })),
  decrement: () => set((state) => ({ count: state.count - 1 })),
}));

// In component
function Counter() {
  const { count, increment } = useCounterStore();
  return <button onClick={increment}>{count}</button>;
}

import { createPersistedStore } from '@hua-labs/state';

const useSettingsStore = createPersistedStore<SettingsState>(
  (set) => ({
    theme: 'light',
    setTheme: (theme) => set({ theme }),
  }),
  {
    name: 'settings-storage',  // localStorage key
    partialize: (state) => ({ theme: state.theme }),  // Only persist theme
  }
);

import { createSSRStore, useHydration } from '@hua-labs/state';

const useStore = createSSRStore<State>((set) => ({
  // ...
}));

function App() {
  const isHydrated = useHydration(useStore);

  if (!isHydrated) return <Loading />;
  return <Content />;
}