How does it handle web URLs and browser history?

It provides patterns for configuring the linking object in React Navigation, which maps screen components to specific URL paths and manages browser history automatically.

Does this skill support React Router?

This skill specifically promotes React Navigation as the unified standard for both native and web, discouraging the use of web-only libraries like React Router to maintain a single cross-platform codebase.

Can I implement responsive sidebar navigation?

Yes, the skill includes patterns for Drawer navigators that can be configured to be permanent on large web screens and modal-based on mobile devices.

Is TypeScript supported for navigation parameters?

Yes, the skill includes detailed examples for defining RootStackParamList and using type-safe hooks like useNavigation and useRoute.

React Native Web Navigation

Name: React Native Web Navigation
Author: TheBushidoCollective

byTheBushidoCollective

•

Mobile Development

Implements unified navigation patterns for React Native and Web platforms using React Navigation and deep linking.

This skill provides a comprehensive framework for implementing cross-platform navigation in React Native Web projects. It focuses on using React Navigation to maintain a single codebase for routing while supporting web-specific requirements like SEO-friendly URLs and browser history. By leveraging type-safe patterns and standardized navigation hooks, it helps developers build robust, accessible, and high-performance navigation systems that work seamlessly across mobile devices and web browsers, including support for Stack, Tab, and Drawer navigators.

주요 기능

01Best practices for protected routes and authentication guards

02Unified API for cross-platform navigation using React Navigation

03Implementation guides for Stack, Tab, and Drawer navigators

04Type-safe navigation patterns using TypeScript integration

05Web-optimized deep linking and URL configuration for browser support

0695 GitHub stars

사용 사례

01Building a universal application that requires consistent routing on iOS, Android, and Web

02Implementing complex, nested navigation flows with type safety and authentication gates

03Configuring SEO-friendly URLs and deep linking for a React Native Web project

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add thebushidocollective/han react-native-web-navigation

For use in Claude.ai and ChatGPT

Download Skill