mcpField
R
react-native-project-creater

react-native-project-creater

github.com/partme-aiDevelopment71666 installsUpdated 3w ago
Repository

About react-native-project-creater

react-native-project-creater is a skill for initializing React Native projects, aimed at developers setting up a mobile app’s starting structure. It guides the choice between React Native CLI and Expo, plus TypeScript, dependencies, and initial verification.

Key features

  1. 01Choose React Native CLI or Expo
  2. 02Initialize a TypeScript project
  3. 03Plan the application directory structure
  4. 04Install navigation and state dependencies
  5. 05Verify builds and runs on a simulator or device

Use cases

  1. 01Create a React Native app from scratch
  2. 02Choose Expo or CLI for a new project
  3. 03Set up a starter structure with navigation
  4. 04Configure native dependencies and check execution

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/partme-ai/full-stack-skills --skill react-native-project-creater

After installing, type/react-native-project-createrin Claude Code to confirm it loaded.

Bundled filesLICENSE.txt

Details

From the project README

When to use this skill

Use this skill whenever the user wants to:

  • Create a new React Native project from scratch
  • Choose between React Native CLI and Expo for project initialization
  • Configure TypeScript, bundler, and native dependencies
  • Set up the initial project structure with navigation and state management

How to use this skill

Workflow
  1. Gather requirements: project name, organization, TypeScript preference, Expo vs bare CLI
  2. Run the initialization command with appropriate options
  3. Install initial dependencies (navigation, state management, etc.)
  4. Verify the project builds and runs on a simulator or device
1. Project Creation (CLI)
# Using React Native Community CLI
npx @react-native-community/cli init MyApp

# With TypeScript template
npx @react-native-community/cli init MyApp --template react-native-template-typescript
2. Project Creation (Expo)
# Using Expo (recommended for new projects)
npx create-expo-app MyApp --template blank-typescript
3. Project Structure
MyApp/
├── App.tsx            # Entry point
├── android/           # Android native project
├── ios/               # iOS native project
├── src/               # Application source code
│   ├── screens/
│   ├── components/
│   └── navigation/
├── package.json
├── tsconfig.json
└── metro.config.js    # Metro bundler configuration
4. Initial Setup
# Install dependencies
npm install

# iOS: install CocoaPods
cd ios && pod install && cd ..

# Run on simulators
npx react-native run-ios
npx react-native run-android

Best Practices

  • Use consistent naming and package identifiers across platforms
  • Lock Node.js and React Native versions for reproducible builds
  • Run pod install after adding any native dependency on iOS
  • Start with the default template, verify it runs, then incrementally add features
  • Set up CI early with both npx react-native run-android and run-ios build steps

Resources

Keywords

react native init, project creation, Expo, React Native CLI, initialization, cross-platform, TypeScript, scaffolding

Comments

Markdown supported