Persisting State in LocalStorage

[lynxionxs]

Is there a way to persist state in localStorage or Indexeddb or other persistent ways? Then when the app starts it loads the state again

[wobsoriano]

You can use zustand's built-in middleware for that

import { createWithSignal } from 'solid-zustand'
import { persist, createJSONStorage } from 'zustand/middleware'

export const useBearStore = createWithSignal(
  persist(
    (set, get) => ({
      bears: 0,
      addABear: () => set({ bears: get().bears + 1 }),
    }),
    {
      name: 'food-storage', // name of the item in the storage (must be unique)
      storage: createJSONStorage(() => sessionStorage), // (optional) by default, 'localStorage' is used
    },
  ),
)

Source: https://docs.pmnd.rs/zustand/integrations/persisting-store-data