The HTML5 History API: PushState or bust!

on YouTube ↗14m

" summary

Explains how the HTML5 History API actually works: pushState takes a state object, title and URL but does not load a new page, and the browser fires a popstate event for back/forward navigation; warns against stuffing large HTML into the state (about 1KB practical limit) and recommends using localStorage for caching. Covers browser support gaps (IE arriving in 10) and shows a working car-search demo that updates filters, pushes URLs for sharing, and restores UI on back/forward.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 0:14The History Api
3. 1:20Push State
4. 2:27Local Storage
5. 10:40Demo
6. 11:55Year Refiner

" related talks

• 40mpushState to the Future: Progressive Enhancement Using HTML 5 pushStateTodd Kloots · Fluent 2013
• 31mModern Front End RoutingEduardo San Martin Morote · Infobip Shift 2021
• 30mThe State of HTML5 - Inaugural AddressPaul Irish · JSConf.eu 2010
• 33mPitfalls and Opportunities of Single Page ApplicationsJörn Zaefferer · jQuery Conference 2012 San Francisco
• 39mSailing Uncharted Waters: Exploring the New Navigation APIRay Gesualdo · Connect.Tech 2024
• 43mIlluminating Horror Stories from the Browser API Haunted HousePeter Kröner · DevDay 2020
• 29mHTML5 JavaScript APIsRemy Sharp · JSConf.eu 2009
• 41mThe future of routing with the Navigation APIEduardo San Martin Morote · DevFest Nantes 2025