zustand

state管理

データの永続化

ローカルストレージを使用

code:jsx

import { create } from 'zustand'

import { persist, createJSONStorage } from 'zustand/middleware'

export const useBearStore = create(

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

},

),

)

persist使わないパターンは？