Persisting the state using the URL

The URL is used mainly for navigation between the app pages, but we have already seen in Chapter 4, Navigation and Routing, how we can send data in the URL to other components and pages.

The same techniques we used, such as the routing parameters or query parameters to transfer data, are also used to keep the flow and the state of the app.

A common example that you may face in every app you build is having a page where there is a list of data to show, just like the Index page of our BooksStore app, which renders a list of books.

The list can be long, so pagination is the solution; each page shows a chunk of the books, and the user can navigate between the pages.

For a good user experience and to make the app easier to use, you need to keep the state of the current page that the user is navigating. When the user refreshes the page, shares the link, or opens it in another tab or browser, the same chunk of data will be listed, and the state...