Examples

Small apps you can run and edit right here. Each one shows one thing the router does, with a few things to try in the preview.

Start

Your first router
A layout, two named routes and a param. Every link is built from a route name, not a pasted path.
Try Click Ada, then Mo. The URL bar follows: /people/ada, then /people/mo.

Data and loading

Loading states
Three routes load at three speeds, so you can watch holdCommit, loadingDelay and loadingMin decide what you see.
Try Open Fast. The URL and the page change together: the data was ready inside holdCommit.
Back and forward
Each page counts how many times its data loaded. Going back shows what was there, without loading it again.
Try Open One, Two and Three. Each says its data loaded once.
Not found
A route with nothing behind its param, and a path no route matches, both end on the not-found view with the URL left as typed.
Try Click Zed. The URL stays /people/zed and the not-found view shows in the page’s place.

Params and guards