react-native-patterns
CommunityBuild cross-platform mobile apps efficiently.
Software Engineering#performance#state management#navigation#cross-platform#mobile development#react native
Authorhyukudan
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a comprehensive guide and reusable patterns for developing React Native applications, addressing common challenges in navigation, state management, styling, and platform-specific code.
Core Features & Use Cases
- Navigation: Implement stack and tab navigators with type safety.
- State Management: Utilize Context API or Zustand for efficient state handling.
- API Integration: Set up React Query for robust data fetching and mutations.
- Styling: Apply theme systems and platform-specific styling.
- Performance: Optimize lists with FlatList and FlashList.
- Use Case: Quickly scaffold a new React Native feature by referencing the navigation patterns, setting up state management with Zustand, and implementing API calls using React Query hooks.
Quick Start
Use the react-native-patterns skill to generate a basic structure for a new React Native screen component.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: react-native-patterns Download link: https://github.com/hyukudan/ai-skills/archive/main.zip#react-native-patterns Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.