Persist State to localStorage in React (Complete Tutorial)

Cosden Solutions β€’ October 29, 2024
Video Thumbnail
Cosden Solutions Logo

Cosden Solutions

@cosdensolutions

About

The best React content on YouTube! πŸ€™

Video Description

πŸš€ Project React β†’ https://cosden.solutions/project-react πŸ“₯ Import React (Newsletter) β†’ https://cosden.solutions/newsletter?s=ytd-psls Source Code β†’ https://github.com/cosdensolutions/code/tree/master/videos/long/CosdenSolutions/projects/persist-state-localStorage-tutorial Join The Discord! β†’ https://discord.cosden.solutions VSCode Theme | Font β†’ Material Theme Darker | Menlo, Monaco "monospace" In this video we will learn how to persist state to localStorage in React. We'll be doing this by creating our own custom localStorage utils functions, then importing them and using them in our components, before finally putting all of that into a custom hook that we can easily re-use across any component in our application! TIMESTAMPS 00:00 Intro 01:29 Code overview 04:26 localStorage utils 08:59 Persisting state 13:01 usePersistedState custom hook 18:09 Conclusion