hairy-react-lib について
hairy-react-libは、Reactアプリ開発向けのフックとコンポーネント集です。非同期状態、ライフサイクルや値の監視、条件付きレンダリングに加え、イベントバスやページネーションなどを提供します。
主な機能
- 01非同期状態とコールバックのフック
- 02値の監視とライフサイクルフック
- 03条件付きレンダリング用コンポーネント
- 04フォールバック付きの安全なフック
- 05イベントバス、ページネーション、フェッチのインターセプト
活用シーン
- 01Reactの非同期状態の管理
- 02条件に応じたコンポーネントの表示
- 03コンポーネント間のイベント連携
- 04ページネーションやリクエストのインターセプト
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/hairy-react-libを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
LICENSE.mdSYNC.mdreferences/advanced-event-bus.mdadvanced-fetch-intercept.mdadvanced-pagination.mdcore-async-hooks.mdcore-conditional.mdcore-lifecycle-hooks.mdcore-try-hooks.mdcore-watch-hooks.md詳細
@hairy/react-lib v1.47.0 に基づいています。React アプリケーションの構築に役立つ React フックとコンポーネントに重点を置いています。
コアリファレンス
| トピック | 説明 | リファレンス |
|---|---|---|
| 非同期フック | 非同期状態管理とコールバック処理 | core-async-hooks |
| 監視フック | リアクティブな値の監視と変更検出 | core-watch-hooks |
| ライフサイクルフック | コンポーネントのライフサイクルとマウント用ユーティリティ | core-lifecycle-hooks |
| 条件付きコンポーネント | 条件付きレンダリングを行う If/Else、Switch/Case コンポーネント | core-conditional |
| Try フック | フォールバック動作を備えたエラーに強い React フック | core-try-hooks |
高度な機能
| トピック | 説明 | リファレンス |
|---|---|---|
| イベントバス | コンポーネント間のイベント通信 | advanced-event-bus |
| ページネーション | オフセットベースのページネーションフック | advanced-pagination |
| Fetch インターセプト | リクエスト／レスポンスのインターセプト用ユーティリティ | advanced-fetch-intercept |
コメント
Markdown 対応