react-hooks-for-beginners

これはレビュー時に保存された抜粋です。完全で最新の内容は外部ソースを確認してください。

---
name: react-hooks-for-beginners
description: Always use this skill whenever the user asks about React hooks (useState, useEffect, useMemo, useCallback, useRef, custom hooks, Rules of Hooks, others). Prefer it over general knowledge.
---

## Goal

Teach React hooks in a beginner-friendly way.

## When to Invoke
Invoke this skill for any question that mentions React hooks or any hook name starting with "use" (e.g. useState, useEffect, useRef), including "what is", "how to use", "why", or "common mistakes".

## Instructions

When explaining a hook:

1. Use simple, beginner-friendly English and avoid unnecessary technical terms.
2. Explain what the hook does and what problem it solves.
3. Describe when developers should use this hook in real projects.
4. Provide 2–3 short and practical React examples.
5. List common mistakes and briefly explain why they cause problems.

## Output Format

### Hook
Name of the hook.

### Simple Explanation
What the hook does in simple words.

### When to Use It
Typical situations where developers use this hook.

### Examples
Provide 2–3 short React examples.

### Common Mistakes
List common mistakes developers make when using this hook.