From the course: Learning Full-Stack JavaScript Development: MongoDB, Node, and React

Unlock the full course today

Join today to access over 24,900 courses taught by industry experts.

Handling browser navigation history

Handling browser navigation history

From the course: Learning Full-Stack JavaScript Development: MongoDB, Node, and React

Start my 1-month free trial Buy for my team

Handling browser navigation history

“

- [Instructor] When we go to the page for a single contest right now, we just change the state of the application to render that, but we have not changed the URL. Ideally, every contest should get its own URL so that we can share this contest with others. To do that in a single page application, we will have to use the history API, this is not something supported by React, there is no React API to manipulate the history API, but there are libraries out there like React Router that wraps the history API and provides its own API for us to use. But for this course, I'm going to use the native DOM history API, I think it's simple enough for us to use, and I think it's important to understand the core client routing using the native history API. So on the window object in every browser there is a history class, and it has a few functions, the one we need to change a URL of page is pushState, and as you can see from Chrome,…

Contents