skills.rest
wildbitca
wildbitcaOFFICIAL
Explore all skills by this author →
WebsiteGitHub

react-native

Standardize React Native project structure and patterns across Expo and bare workflows.

1|Updated Mar 19, 2026
Search Tags:#typescript#architecture#patterns#navigation#react-native#expo#nativewind
One-click install
npx skills add https://github.com/wildbitca/ai-resources --skill react-native-wildbitca
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-native
Source: https://github.com/wildbitca/ai-resources/tree/main/skills/gpm-community-react-native
Command: npx skills add https://github.com/wildbitca/ai-resources --skill react-native-wildbitca

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

React Native projects often diverge in structure, patterns, and best practices across Expo and bare workflows. This section ensures teams have a standardized approach that reduces onboarding time and increases code consistency.

Core Features & Use Cases

  • Project structure guidelines for Expo Router screens, navigation, and feature folders.
  • Functional TypeScript components with proper typing and clear separation of concerns.
  • Platform-aware patterns including conditional code paths for iOS/Android and support for native modules.
  • Use Case: When starting a new RN project, apply these patterns to ensure a scalable architecture and predictable development process.

Quick Start

Initialize a new React Native project with Expo or the bare workflow and apply the recommended patterns.

Frequently Asked Questions about react-native

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

FAQPage Schema
How do I structure a React Native project for both Expo and bare workflows?▼

Standardize React Native project structure by applying unified guidelines for Expo Router screens, navigation, and feature folders. This ensures scalable architecture and predictable development across both workflows.

What is the best way to write functional TypeScript components in React Native?▼

Write functional TypeScript components in React Native using proper typing and clear separation of concerns. This pattern reduces onboarding time and increases code consistency across mobile applications.

How do I handle platform-specific code for iOS and Android in React Native?▼

Handle platform-specific code in React Native using platform-aware patterns with conditional code paths for iOS and Android. This includes support for integrating native modules.

Can I use NativeWind for styling in an Expo Router project?▼

Yes, you can use NativeWind for styling within an Expo Router project. Standardized React Native patterns support styling with NativeWind alongside navigation and functional TypeScript architecture.

Why do React Native project structures often diverge between different workflows?▼

React Native project structures diverge between Expo and bare workflows due to differing build and configuration requirements. Applying standardized patterns resolves this by ensuring consistent architecture and reducing onboarding time.

Related Skills

Explore More Software Engineering Skills→
AratKruglikAratKruglik
9

rn-navigation

Detect and configure React Navigation v7 or Expo Router based on project dependencies.

Community
Intermediate
aaronbassettaaronbassett
4

flutter-core:flutter-serverpod

Build Flutter backends with Serverpod typed models, endpoints, and authentication.

Community
Advanced
skillcreatoraiskillcreatorai
1.1k

expo-app-design

Configure Expo Router and NativeWind for cross-platform React Native app development.

Community
Basic
0xkynz0xkynz

react-native

Automate React Native CLI bare workflow setup with TypeScript and native module integration.

Community
Intermediate