Persisting the state in the browser’s local storage

Most modern browsers have built-in mechanisms for storing data. This storage is local storage, which is used to store the data for the application across tabs. Even after closing the browser and opening it multiple times, the data stays there.

Another option is session storage, which stores the data for a specific session in a single browser tab. If the user reloads the tab, the data persists, but each tab has its own data for the app and the data is not shared across tabs. Also, browsers have a built-in web API to store a significant number of objects in the JSON format, called IndexedDB. This is an additional option for local and session storage and a very good choice for storing records of data and querying them offline during the app’s lifetime.

Now, let’s go over a practical example of storing the data in local storage.

In the following practice, we are going to implement a great feature in our BooksStore...