Lit UI Router

Appearance

Guides ​

Task-oriented pages for the concepts real apps hit after the tutorial. Each guide is grounded in the sample app's working implementation.

URLs & Location ​

  • Location Plugins — choosing a URL strategy: hash, pushState, or the Navigation API; server rewrites, the <base> tag, and the initial rule
  • Navigation API Plugin — the experimental ui-router-navigation-location-plugin companion package: clean URLs via the modern Navigation API, with navigation event interception
  • Unmatched URLs (404) — route URLs that match no state to a deliberate 404 state with urlService.rules.otherwise

Transitions & Guards ​

  • Route Guards — protect states with transition hooks: the requiresAuth pattern, redirect-to-login, and returning the user after authentication
  • Component Lifecycle Hooks — uiCanExit for unsaved-changes prompts and uiOnParamsChanged for dynamic parameters

Reactivity ​

  • Reactive Components — keep components outside <ui-view> in sync with the router using the zero-dependency TransitionController
  • MobX Bindings — the lit-ui-router-mobx companion package: an observable router store and reaction-based controllers