nanotexnolagiya / zustand-cookie-storage

Cookie storage for storing zustand's storage state
2 stars 0 forks source link

zustand-cookie-storage

NPM Version License Build Status

zustand-cookie-storage is a plugin for Zustand that allows you to persist your store's state in cookies. This package makes it easy to maintain state across sessions and browser tabs.

Features

Installation

Install the package via npm or yarn:

npm install zustand-cookie-storage
# or
yarn add zustand-cookie-storage

Example

import { create } from "zustand";
import { createJSONStorage, persist } from "zustand/middleware";
import { cookieStorage } from "zustand-cookie-storage";

const useMainStore = create(
  persist(
    (...args) => ({
      ...locationSlice(...args),
      ...profileSlice(...args),
    }),
    {
      name: "main",
      storage: createJSONStorage(() => cookieStorage),
      partialize(state) {
        return {
          basketIds: state.basketIds
        };
      },
    }
  )
);
export default useMainStore;

An Example