Skip to main content

Routing

Client-side navigation with route guards, hash routing, and the Navigation API.

Route Guard

Enable "unsaved changes" then try to navigate — the guard blocks you.

No changes 
Toggle the checkbox, then click navigate

Hash Routing

Click a tab — the URL hash updates and the matching section is shown.

Overview — A lightweight framework for building fast, accessible web applications. 
Click a tab to update the hash

Navigation API

Navigate between routes with back/forward history traversal.

/home
Click a route, then use Back / Forward