skills.rest
kusutori
kusutoriCOMMUNITY
Explore all skills by this author →
GitHub

reactor-navigation

Manage type-safe stack-based navigation in Reactor applications.

Updated Jun 14, 2026
Search Tags:#navigation#router#lifecycle#reactor#deep linking
One-click install
npx skills add https://github.com/kusutori/DataViewer --skill reactor-navigation-kusutori
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: reactor-navigation
Source: https://github.com/kusutori/DataViewer/tree/main/skills/reactor-navigation
Command: npx skills add https://github.com/kusutori/DataViewer --skill reactor-navigation-kusutori

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires reactor, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill solves the challenge of managing navigation within Reactor applications, offering a robust framework for creating type-safe, stack-based navigation and handling page lifecycle and transitions.

Core Features & Use Cases

  • Stack-based Navigation: Utilizes a stack-based model with enums for defining routes and a navigation handle for managing navigation actions.
  • Route Management: Defines routes as enums with the option to include data through discriminated-union patterns.
  • NavigationHost & NavigationView: Renders pages and manages sidebar and tab navigation with clear, customizable rendering options.
  • Lifecycle Callbacks: Offers callbacks for page appearance and disappearance to handle tasks like data loading and saving.
  • Deep Linking & Transitions: Handles deep linking with custom back stack handling and supports various page transition effects.

Quick Start

Initialize navigation for the home page by running 'useNavigation(Route.Home)' and navigate to a specific route using 'nav.Navigate(Route.YourRoute)'.

Frequently Asked Questions about reactor-navigation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I manage stack-based navigation in a Reactor application?▼

Stack-based navigation in a Reactor application is managed using a navigation handle to execute actions and enums to define routes. This approach provides a type-safe structure for pushing and popping pages.

How do I handle deep linking and custom page transitions in Reactor?▼

Deep linking in Reactor is handled through custom back stack management, while page transitions utilize customizable transition effects. These features ensure correct page rendering when navigating via external links.

Can I execute data loading and saving through page lifecycle callbacks in Reactor?▼

Page lifecycle callbacks in Reactor execute data loading and saving tasks through appearance and disappearance hooks. These triggers fire automatically when pages enter or leave the active view.

Do I need the Reactor framework to use reactor-navigation for routing?▼

Yes, the Reactor framework is required as a dependency to execute reactor-navigation. The routing logic, including stack management and lifecycle handling, is built specifically on top of this framework.

What is the best way to define routes with data in Reactor navigation?▼

The best way to define routes with data in Reactor navigation is using discriminated-union patterns within route enums. This ensures type-safe payload delivery to the destination pages.

How do I render sidebar and tab navigation in a Reactor app?▼

Sidebar and tab navigation in a Reactor app is rendered using NavigationHost and NavigationView components. These provide customizable rendering options to manage complex multi-panel layouts.

Related Skills

Explore More Software Engineering Skills→
kusutorikusutori

reactor-forms

Creates controlled-input forms with built-in and custom validation in Reactor.

Community
Intermediate
ShenQingchuanShenQingchuan
21

vue-router-best-practices

Implement Vue Router navigation guards and manage dynamic route parameters.

Community
Intermediate
ianyimiianyimi
1

Global Tech Stack

Enforce coding standards for the global tech stack in Claude Code.

Community
Basic
1k-off1k-off
1

maui-shell-navigation

...

Community
Intermediate