AI Agent Skills Directory with categorization, English/Chinese translation, and script security checks.

Sitemap

Home
All Skills
Search
Tools

About

About Us
Disclaimer
Copyright

Help

FAQ
Privacy
Terms

Home/All Skills/Frontend Development/react-hooks

react-hooks

Original：🇺🇸 English

Translated

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.

1installs

Sourceteachingai/full-stack-skills

Added on2026-02-09

NPX Install

npx skill4agent add teachingai/full-stack-skills react-hooks

SKILL.md Content

View Translation Comparison →

When to use this skill

Use this skill whenever the user wants to:

[待完善：根据具体工具添加使用场景]

How to use this skill

[待完善：根据具体工具添加使用指南]

Best Practices

[待完善：根据具体工具添加最佳实践]

Keywords

[待完善：根据具体工具添加关键词]

Download

Download TranslatedIncludes original Skill.md

(5.1 KB)Download Original(4.5 KB)

Related Skills

tailwindcss-advanced-layouts

Tailwind CSS advanced layout techniques including CSS Grid and Flexbox patterns

frontend-design-system

Produce production-grade UI designs using clear design tokens, layout rules, motion guidance, and accessibility checks for consistent, scalable frontend development.

motion

Build React animations with Motion (Framer Motion) - gestures (drag, hover, tap), scroll effects, spring physics, layout animations, SVG. Bundle: 2.3 KB (mini) to 34 KB (full). Use when: drag-and-drop, scroll animations, modals, carousels, parallax. Troubleshoot: AnimatePresence exit, list performance, Tailwind conflicts, Next.js "use client".

distill

Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean.