react
✓React を効果的に使用する方法。フロントエンド コンポーネントを開発するときに必ず使用します。
SKILL.md
This project uses React 19 with TypeScript and the React Compiler enabled via babel-plugin-react-compiler.
Always receive page data as props from the Laravel controller via Inertia. Do NOT fetch data client-side or use useEffect to load page data.
// In Laravel controller public function edit(Project $project): Response { return Inertia::render('projects/edit', [ 'project' => $project->load('client'), 'clients' => Client::orderBy('name')->get(), ]); }
React を効果的に使用する方法。フロントエンド コンポーネントを開発するときに必ず使用します。 ソース: markhamsquareventures/essentials。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/markhamsquareventures/essentials --skill react- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
react とは?
React を効果的に使用する方法。フロントエンド コンポーネントを開発するときに必ず使用します。 ソース: markhamsquareventures/essentials。
react のインストール方法は?
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/markhamsquareventures/essentials --skill react インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか?
https://github.com/markhamsquareventures/essentials
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01