·react

React を効果的に使用する方法。フロントエンド コンポーネントを開発するときに必ず使用します。

20インストール·0トレンド·@markhamsquareventures

インストール

$npx skills add https://github.com/markhamsquareventures/essentials --skill 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