使い方
- インストールコマンドをコピーし、自分の環境へ導入する前にソースを確認します。
- 必要なツール、認証情報、対応環境を原文で確認します。
- 入力と成果物を指定し、出力を資料と照合します。
npx skills add https://github.com/full-stack-skills/react-skills --skill react-hooks開始前の確認
- 導入にはモデル契約、API枠、ファイルへのアクセス許可は含まれません。
- スター数や導入数は活動の指標であり、独立した品質・安全性試験ではありません。
リポジトリの原文
見出し、例、コード、表、リンク、参照画像を含む原文を表示しています。
When to use this skill
Use this skill whenever the user wants to:
- 用 React Hooks（useState、useEffect、useContext、自定义）管理状态与副作用
- 遵循 Hooks 规则与最佳实践、避免闭包与依赖问题
How to use this skill
- 基础：useState、useEffect（依赖数组、清理函数）；useContext、useRef。
- 进阶：useMemo、useCallback、自定义 Hook；useReducer、useLayoutEffect。
- 参考：https://react.dev/reference/react
Best Practices
- 依赖数组完整；清理订阅与定时器。
- 自定义 Hook 命名 useXxx；避免条件/循环中调 Hook。
Keywords
React Hooks, useState, useEffect, 自定义 Hook
