full-stack-skills/react-skills/react-hooks

Claude Code and agent skill by full-stack-skills/react-skills

Trust tier 3
  • community
  • ext:[{"type":"hook","description":"Pre/post lifecycle hooks"}]
Source check pending

Checking that the SKILL.md file is still in the repository.

Provides comprehensive guidance for React Hooks including useState, useEffect, useContext, useReducer, useMemo, useCallback, custom hooks, and hook patterns. Use when the user asks about React Hooks, needs to use hooks in functional components, create custom hooks, or optimize hook performance.

Install

npx vskill@latest install full-stack-skills/react-skills/react-hooks

Semi-extensibleMentions customization, but needs skill-specific knowledge. Read the extensible skills standard

SKILL.md

The same SKILL.md was published earlier as partme-ai/workbuddy-agent-experts/react-hooks.

When to use this skill

Use this skill whenever the user wants to:

  • 用 React Hooks（useState、useEffect、useContext、自定义）管理状态与副作用
  • 遵循 Hooks 规则与最佳实践、避免闭包与依赖问题

How to use this skill

  1. 基础：useState、useEffect（依赖数组、清理函数）；useContext、useRef。
  2. 进阶：useMemo、useCallback、自定义 Hook；useReducer、useLayoutEffect。
  3. 参考：https://react.dev/reference/react

Best Practices

  • 依赖数组完整；清理订阅与定时器。
  • 自定义 Hook 命名 useXxx；避免条件/循环中调 Hook。

Keywords

React Hooks, useState, useEffect, 自定义 Hook

Security

  • Security scanPassed, 90 of 100Pattern checks on the skill's files.
  • Model reviewPassed

See the full security report

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

See evaluation results

Source

Popularity

7-day trend score
5

Not refreshed yet.

Extension points

  • hookPre/post lifecycle hooks

Learn the extensible skills standard

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/full-stack-skills/react-skills/react-hooks/badge)](https://verified-skill.com/skills/full-stack-skills/react-skills/react-hooks)

Something wrong with this skill or its page? Tell us.