rn-router

What problem does it solve?

This Skill eliminates the guesswork and common errors involved in selecting, implementing, and migrating navigation solutions for React Native projects, reducing time spent resolving version incompatibilities, incorrect router choices, and broken deep linking or routing behavior.

Core Features & Use Cases

• Navigation Selection Guidance: Uses a decision matrix to recommend Expo Router or React Navigation based on project type (Expo CLI, Community CLI, existing navigation setup) and requirements (Web support, deep linking, custom navigators).
• Implementation References: Provides step-by-step guidance for setting up both Expo Router (file-based routing, layout primitives, Stack/Tabs/Drawer) and React Navigation (static/dynamic config, navigator types, linking setup) with version-specific syntax for Expo SDK 52-56 and React Navigation 5/6/7.
• Migration & Best Practices: Includes workflows for migrating between the two navigation systems, plus scenario-specific best practices for common app types like auth flows, tab-based apps, admin panels, and custom navigators.

Quick Start

Use the rn-router skill to implement the correct navigation setup for my existing React Navigation 6 Expo app that needs to add deep linking and Web routing support.