mcpField
R
react-native

react-native

github.com/full-stack-skillsDevelopment2127 installsUpdated 5w ago
Repository

About react-native

A skill for developing cross-platform mobile apps with React Native, aimed at developers working on native components and app setup. It covers core UI components, navigation, Metro, dependencies, debugging, and release workflows.

Key features

  1. 01Core React Native UI components
  2. 02Navigation with React Navigation
  3. 03Native modules and linking
  4. 04Metro, simulators, and devices
  5. 05Debugging and release guidance

Use cases

  1. 01Building cross-platform mobile apps
  2. 02Setting up native dependencies
  3. 03Running apps on simulators or devices
  4. 04Preparing testing and release workflows

Install

Copy the command and run it in a terminal.

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

After installing, type/react-nativein Claude Code to confirm it loaded.

Bundled filesagents/openai.yamlLICENSE.txt

Details

From the project README

When to use this skill

Use this skill whenever the user wants to:

  • 用 React Native 开发跨平台移动应用、原生组件与桥接
  • 配置 Metro、原生依赖、调试与发布

How to use this skill

  1. 核心：View、Text、FlatList、StyleSheet；导航（React Navigation）；原生模块与链接。
  2. 运行：npx react-native run-ios/run-android；Metro、模拟器与真机。
  3. 参考：https://reactnative.dev/docs/getting-started

Best Practices

  • 列表用 FlatList 与优化；避免在主线程重计算。
  • 原生依赖与版本匹配；测试双端与发布流程。

Keywords

react native, 跨平台, 移动端, Metro

Comments

Markdown supported