// Get the existing data var existing = localStorage.getItem('myFavoriteSandwich'); // If no . Note. localStorage data disappears after the page is refreshed Step 2: Storing React state in localStorage Now that we're successfully hiding our banner with state, we want to make sure when someone refreshes, it stays hidden (at least until they clear their site data!). Please Stop Using Local Storage. 1 I finally got my local storage to show the value of the text area but now my local storage is not saving the value of the text input. Learn more about error handling . While LocalStorage is easy to access, the problem actually runs a lot deeper. Why is the access token not saved in the Cookie? - GitHub [00:39] If the serialized state is no it means that the SKI does exist so I'll return undefined to let the reducers initialize the state instead. Step 2: review your application for XSS vulnerabilities. What's interesting about them is that the data survives a page refresh (for sessionStorage) and even a full browser restart (for localStorage ). Now save the state of the app by calling the subscribe function from the store. of course there is no reason why one would not be able to also try to get the current user . Now that we've had a chance to talk about local storage, I hope you understand why you (probably) shouldn't be using it. The localStorage object stores data with no expiration date. What it does, is overwriting coins after coins -= 100 with the old value from localStorage. localStorage data disappears after the page is refreshed LocalStorage, sessionStorage - JavaScript Note: In the example below, I'm using a ternary operator for brevity. Redux: Persisting the State to the Local Storage | egghead.io