full-stack-skills/react-skills

react-native-project-creater

Provides one-command project creation for React Native including project initialization, configuration, and template generation.

ソースを見る

使い方

  1. インストールコマンドをコピーし、自分の環境へ導入する前にソースを確認します。
  2. 必要なツール、認証情報、対応環境を原文で確認します。
  3. 入力と成果物を指定し、出力を資料と照合します。
npx skills add https://github.com/full-stack-skills/react-skills --skill react-native-project-creater

開始前の確認

  • 導入にはモデル契約、API枠、ファイルへのアクセス許可は含まれません。
  • スター数や導入数は活動の指標であり、独立した品質・安全性試験ではありません。
リポジトリの原文

見出し、例、コード、表、リンク、参照画像を含む原文を表示しています。

When to use this skill

Use this skill whenever the user wants to:

  • 用 React Native CLI 或模板创建新 RN 项目、选择模板与配置
  • 初始化依赖、Metro 与原生工程

How to use this skill

  1. 创建:npx @react-native-community/cli init ProjectName;选 TypeScript、模板。
  2. 结构:App.tsx、android/、ios/、metro;依赖与 Pod install。
  3. 参考:https://reactnative.dev/docs/environment-setup

Best Practices

  • 命名与包名规范;先跑通默认模板再改。
  • 锁定 Node 与 RN 版本;CI 环境一致。

Keywords

react native init, 项目创建, 跨平台

タスクに関連する項目

同じリポジトリから

関連する Skills

すべての Skills
full-stack-skills
コミュニティ

nextjs

Guidance for Next.js using the official docs at nextjs.org/docs. Use when the user needs Next.js concepts, configuration, routing, data fetching, or API reference details.

1時間の導入数
2
GitHub Stars
2
更新日
10月3日
full-stack-skills
コミュニティ

react

Provides comprehensive guidance for React development including components, JSX, props, state, hooks, context, performance optimization, and best practices. Use when the user asks about React, needs to create React components, implement hooks, manage component state, or build React applications.

1時間の導入数
2
GitHub Stars
2
更新日
10月3日
full-stack-skills
コミュニティ

react-hooks

Provides comprehensive guidance for React Hooks including useState, useEffect, useContext, useReducer, useMemo, useCallback, custom hooks, and hook patterns. Use when the user asks about React Hooks, needs to use hooks in functional components, create custom hooks, or optimize hook performance.

1時間の導入数
2
GitHub Stars
2
更新日
10月3日
full-stack-skills
コミュニティ

redux

Provides comprehensive guidance for Redux state management including stores, actions, reducers, middleware, selectors, and Redux Toolkit. Use when the user asks about Redux, needs to manage global state, implement Redux patterns, or work with Redux middleware.

1時間の導入数
2
GitHub Stars
2
更新日
10月3日