Learn how to save React state and load it when a page refreshes using localStorage. We’ll learn how to set up a simple example using React state, using an onClick handler to update that state, and using localStorage to store and retrieve the value.
🧐 What’s Inside
Coming soon…
Demo Starter
https://github.com/colbyfayock/demo-welcome-banner-starter
💾 Code
https://github.com/colbyfayock/my-welcome-banner
🗒️ Read More
https://spacejelly.dev/posts/how-to-save-state-to-localstorage-persist-on-refresh-with-react-js/
🔔 Subscribe for more tech and developer videos
https://www.youtube.com/colbyfayock?sub_confirmation=1
🐦 Get updates straight to your Twitter @colbyfayock
Tweets by colbyfayock
📸 Catch the next stream live on Twitch @colbyfayock
https://twitch.tv/colbyfayock
✉️ Or a newsletter right to your inbox!
https://www.colbyfayock.com/newsletter/
💝 Sponsor me for more free content like this!
GitHub: https://github.com/sponsors/colbyfayock
Other: hello@colbyfayock.com
👨🚀 Brought to by colbyfayock.com
https://www.colbyfayock.com
🎥 Want to know what A/V equipment I use?
https://www.colbyfayock.com/uses
🧰 More Resources
Demo Starter
https://github.com/colbyfayock/demo-welcome-banner-starter
localStorage
https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage
🎼 Music
Music from Uppbeat (free for Creators!):
https://uppbeat.io/t/roo-walker/flight-mode
License code: WKRAJTE79NXIMWPX
#colbyfayock #reactjs #localstorage #react #webdevelopment
Comments