Using the History API - JavaScript Tutorial

In today's video we're going to be taking a look at the History API and in particular, the "pushState()" method. The History API makes it easy for you to create Single Page Applications (SPA).

Support me on Patreon:

For your reference, check this out:

Follow me on Twitter @dcodeyt!

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

#dcode #javascript #html5

[unnhao]

This video is very helpful for understanding history API and how modern framework router do.

[m..]

Never going to forget this voice…"hey guys how u doing, my name is Dom...."

[cameronthompson]

I definitely thought I was gonna learn about the history of API. Great video!

[ArielRaskin]

The best Tutorial bout History! Thank you!

[Siddarthathota]

Just in time Dom. I started building multiple JS projects and wondering how can I convert that into a SPA so that if the user clicks on links on the sidebar, I'm looking to load respective projects using Vanilla JS.
I tried it looking at examples existing on web, but most of them are loading just the HTML content (.html files), but what if I have individual folders with respective HTML, CSS, and JS files.
Waiting for the SPA video

[plurnay]

anyway to detect if there is a foward or back state?

[egist_]

Thanks, very interesting video!)
Could you please say, what theme do you use in VS code:)?

[BlissAden]

How about on refresh or page load is there an event listener for that similar to popstate?

[seaofcuriosity]

Popstate no working on chrome android . Can any body help ?

[_.sunnyraj._]

make a video on Window.requestanimationframe

[LynnetteStansbury]

Some click @ spa, envadeing privacy, tag, target device.