Jak używać
- Skopiuj polecenie instalacji i sprawdź źródła przed instalacją we własnym środowisku agenta.
- W oryginale sprawdź wymagane narzędzia, dane dostępowe i obsługiwane środowiska.
- Opisz dane wejściowe i oczekiwany rezultat; porównaj wynik ze źródłami.
npx skills add https://github.com/full-stack-skills/react-skills --skill react-hooksPrzed rozpoczęciem
- Instalacja nie obejmuje subskrypcji modelu, limitu API ani uprawnień do plików.
- Gwiazdki i instalacje pokazują aktywność, a nie niezależny test jakości lub bezpieczeństwa.
Oryginalny dokument Skill
Treść z repozytorium z zachowaniem nagłówków, przykładów, kodu, tabel, linków i obrazów.
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
