reactor-navigation Skill

Source

• Creator: microsoft
• Repository: microsoft/microsoft-ui-reactor
• Skill file: plugins/reactor/skills/reactor-navigation/SKILL.md

What it does

Reactor navigation — UseNavigation hook, NavigationHost renderer, NavigationView sidebar, TabView tabs, route params, stack operations, page lifecycle, deep linking, transitions, caching. Use when building multi-page apps or wiring sidebar/tab navigation.

Skill instructions

Navigation in Reactor Reactor uses a stack-based navigation model with type-safe routes. You define routes as an enum, create a navigation handle with UseNavigation, and render the current page with NavigationHost. The system manages back/forward stacks, transitions, caching, and deep linking. Quick reference | API | Purpose | |-----|---------| | UseNavigation(Route.Home) | Create a NavigationHandle<Route (call once at root) | | UseNavigation<Route() | Retrieve the nearest ancestor's handle (child components) | | NavigationHost(nav, route = ...) | Render the current page | | NavigationView([items], content) | Sidebar navigation with icons | | TabView(Tab(...), Tab(...)) | Tab-based parallel navigation | | UseNavigationLifecycle(...) | Page appear/disappear callbacks | | UseSystemBackButton(nav, window) | Wire system back button to nav stack | | DeepLinkMap<Route | Map URI patterns to routes | 1. Defining routes Use an enum. Each value is a distinct page: csharp enum Route { Home, Setti