Start with the right question. Land on the right page.
One search covers the learning path and agent references. Titles, body copy, task keys, packages, and version metadata all participate.
12entries indexed
- 01
Block navigation away from a dirty form
Use useBlocker for router navigation and browser unloads, with explicit state for a custom confirmation UI.
- 02
Build a route tree from files
Create issue list and detail pages, then connect file names, path params, and inferred types.
- 03
Confirm identity before child routes load
Protect a route group with typed Router Context and a pathless layout beforeLoad while preserving the correct post-login destination.
- 04
Contain errors in the right route
Use a global default as the safety net and route errorComponent to isolate local data or render failures.
- 05
Contain route loader and render errors
Set a Router-wide default and override errorComponent on routes that need independent recovery.
- 06
Create a file route with a path parameter
Create /posts/$postId in a React app and read the typed postId from the route instance.
- 07
Establish typed Router Context
Declare dependencies at the root and use beforeLoad to add inferred derived context to a subtree.
- 08
Pass dependencies through Router Context
Declare typed dependencies at the root, then use beforeLoad to add inferred context for a route subtree.
- 09
Protect a route subtree with beforeLoad
Read typed auth context in a pathless layout, stop signed-out users before child loading, and preserve a constrained return URL.
- 10
Protect navigation away from a dirty form
Use useBlocker resolver state for accessible leave confirmation and register beforeunload only while dirty.
- 11
Put filters in the URL
Build shareable, refresh-safe, typed issue filters with validated search params.
- 12
Validate pagination and filter search params
Turn untrusted URL search params into stable, typed route input.