Sailing Uncharted Waters: Exploring the New Navigation API
summary
New Navigation API provides three practical primitives: navigation.addEventListener with a NavigationEvent that can intercept navigations, navigation.navigate to push/replace history, and a history/currentEntry view. Demos show plain HTML links and form posts being caught (cross‑origin links cannot), fetching HTML snippets, updating the URL, and handling redirects via navigate(..., replace). A progress spinner and tab loading/X appear while an intercepted navigation runs (examples use 500ms and a 5‑second delay), and cancellations via abort or the browser X cleanly stop work.
AI-written summary · about
chapters (9)
- 0:00Introduction to Navigation API
- 1:12Problem solved by Navigation API
- 6:31Key features and usage
- 9:43Demo 1: Navigation event object
- 17:07Demo 2: Filtering navigations
- 20:35Demo 3: Programmatic content injection
- 23:42Demo 4: URL updates and history
- 26:32Demo 5: Advanced navigation handling
- 33:01Q&A and additional features
related talks
41mThe future of routing with the Navigation API
14mThe HTML5 History API: PushState or bust!
43mMeasuring Interactions and Navigations
45mNavigation with a Voice Assistant
39mNavigation with the Portal API: do we really need it?
27mThe Art of Deep Linking and AJAX Crawling
17mModern Routing
30mNested Navigation in flutter web