React Zustand Tutorial - 6 Persist Middleware(typescript)

A deep dive tutorial series on React,js Zustand - a State Management Library.

This video is about how to persist state locally with persist middleware

react zustand documentation:

react zustand persist middleware:

Github:
(Please follow the commit history, each video is a commit. )

00:00 Introduction
00:20 saving a store state locally
02:48 saving store in other storages
04:20 saving only a part of states
08:35 order of the persist middleware

[dranhat]

thank you, i'm currently confused with my zustand when refesh or open new page, this is the best tutorial for me

[harag]

Thanks for this small series of tutorials on Zustand.

[wilsonmateo]

thanks a lot for the video, you made it so clear, thanks

[playwithreality]

Thank you Conny, this was exactly what I needed

[FaramarzF.R]

What a unique course. Thank you very much. ❤👏
Is there such a feature in Redux Toolkit to store data in local/session storage?
Is there a library that makes it easy to work with Local Sorage when we're not using Zustand?

[connygu]

The github code for this chapter is here:

[AkashPandya]

What if for security purpose I don't want to store anything in browser storage but still want to persist data on refresh, like in redux?

[SunithaCK-wl]

Hello,
Thanks for this nice tutorial! How can I persist data in cookies using Zustand? Could you show me an example?

[meka]

Regarding the TypeError: Cannot read properties of undefined (reading 'clearStorage'), I solved it after restarting NextJs, waiting for a few seconds, then refreshing the page... then maybe restarting NextJs again...

[emmanuelxs]

Please what's the name of the vscode extension you mentioned

[kenyie]

Can you show how to persist Maps in localStorage?

[lazygamer]

how to save the local storage name dynamically.?

[meka]

Resetting the memory also clears my localStorage. I guess is not needed. Also that gives NextJs problem: TypeError: Cannot read properties of undefined (reading 'clearStorage')