React Native
A solid foundation for React Native work that covers both Expo Router and bare workflow patterns. You get practical examples for navigation setup, NativeWind styling with dark mode support, Zustand state management with AsyncStorage persistence, and proper TypeScript typing throughout. The platform-specific code handling is especially useful, showing both Platform.select and file extension approaches. What I appreciate here is the emphasis on modern patterns like Pressable over legacy TouchableOpacity and functional components with proper keyboard/safe area handling. The project structure recommendation is opinionated but sensible, splitting UI components from feature-specific ones. Load this when you're setting up a new RN project or need a refresher on current best practices.
- skills.sh installs
- 263
- GitHub stars
- 665
- last updated
- Aug 21, 2026
Install
$ npx -y skills add gentleman-programming/gentleman-skills --skill react-native --agent claude-codeInstalls into .claude/skills of the current project.
Files
When to Use
Load this skill when:
- Building mobile applications with React Native
- Working with Expo managed or bare workflow
- Implementing navigation with React Navigation
- Styling with NativeWind (Tailwind for RN)
- Handling platform-specific code (iOS/Android)
- Managing native modules and linking
Critical Patterns
Pattern 1: Project Structure
src/
├── app/ # Expo Router screens (if using)
│ ├── (tabs)/ # Tab navigator group
│ ├── (auth)/ # Auth flow group
│ └── _layout.tsx # Root layout
├── components/
│ ├── ui/ # Reusable UI components
│ └── features/ # Feature-specific components
├── hooks/ # Custom hooks
├── services/ # API and external services
├── stores/ # State management (Zustand)
├── utils/ # Utility functions
├── constants/ # App constants, themes
└── types/ # TypeScript types
Pattern 2: Functional Components with TypeScript
Always use functional components with proper typing:
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/gentleman-programming/gentleman-skills
- Categories
- Frontend Development, Automation & Workflows, Mobile Development
- First seen
- Jun 3, 2026
More from gentleman-programming/gentleman-skills
All 13Recommended
More Frontend Development
angular-materialpluginagentmarketplace/custom-plugin-angularAngular Material UI components, theming, and accessible interface design262skills.sh installs
zustand-state-builderpatricio0312rev/skillsImplements lightweight state management using Zustand with TypeScript, persistence, devtools, and modular store patterns. Use when users request "zustand store"261skills.sh installs
jsapi-ui-kitbaidu-maps/jsapi-skills百度地图官方 UI 交互组件，提供地点自动补全（PlaceAutocomplete）、地点检索（PlaceSearch）、地点详情（PlaceDetail）和路径规划（RoutePlan）组件的使用参考，快速实现地图界面，大幅提升开发效率。260skills.sh installs
react-patternscasper-studios/casper-marketplaceWrite React components with minimal state, proper memoization, and type-safe patterns. Use when creating components, managing state, or optimizing renders.248skills.sh installs
