01
Basic Routing
Simple route registration, navigation handling, and notFound behavior.
Open Example →Interactive demos showcasing routing, lifecycle hooks, middleware, navigation guards, hybrid HTML navigation, lazy loading, and performance strategies built on top of the native History API.
Simple route registration, navigation handling, and notFound behavior.
Open Example →
Demonstrates dynamic path matching
such as /user/:id.
Visualizes push, replace, and pop navigation lifecycle flows.
Open Example →Demonstrates route guards, blocked navigation, and rollback behavior.
Open Example →Compare hash-based routing with native History API routing.
Open Example →Demonstrates terminal routes and mobile-like exit behavior.
Open Example →Route-driven modal interaction using browser history.
Open Example →Mobile-style bottom sheet navigation driven by routes.
Open Example →Demonstrates step-based navigation flows and transitions.
Open Example →Execute middleware pipelines before lifecycle handling.
Open Example →Load route logic dynamically only when a route becomes active.
Open Example →Fetch HTML fragments dynamically and swap content without reloads.
Open Example →Hybrid server-rendered pages with SPA-style client navigation.
Open Example →Compare simple matching and trie-based route performance.
Open Example →