archive-gh-me/zustand
1
0
Fork 0
mirror of https://github.com/pmndrs/zustand.git synced 2025-12-08 19:45:52 +00:00
Code Issues Projects Releases Wiki Activity

fixed error in persist example and added typescript (#2978)

Browse Source 
* fixed error in persist example and added typescript

* chore: formatted code

---------

Co-authored-by: sidahmedabdelillah <s_bentegar@gmail.com>
This commit is contained in:
sidahmedabdelillah 2025-01-28 13:59:26 +01:00 committed by GitHub
parent 5a886cb6ec
commit bc3e94e991
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 26 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
docs/integrations/persisting-store-data.md
View File

@ -21,7 +21,32 @@ for more details.
import { create } from 'zustand'
import { persist, createJSONStorage } from 'zustand/middleware'
export const useBearStore = create(
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
},
),
)
```
## Typescript simple example
```ts
import { create } from 'zustand'
import { persist, createJSONStorage } from 'zustand/middleware'
type BearStore = {
bears: number
addBear: () => void
}
export const useBearStore = create<BearStore>()(
persist(
(set, get) => ({
bears: 0,