Preserve State in localStorage
Loading "Preserve State in Localstorage"
Run locally for transcripts
π¨βπΌ Our customers want to be able to close the tab in the middle of a game and
then resume the game later. Can you store the game's state in
localStorage?I think you can! You're going to need to use
useEffect to coordinate things
with localStorage. Luckily for us, localStorage is synchronous, so
initializing our state from localStorage is straightforward (you should
definitely use the callback form of useState for initialization though!).For keeping the squares up-to-date in
localStorage, you'll want to use
useEffect with a dependency array that includes the squares.π If you need to learn a bit about the
localStorage API, you can check out the
MDN documentation.π¨ Note this exercise depends on
localStorage and so the tests could
interfer with your work by changing the localStorage you're working with.