Summary
This covers the component patterns and hooks you'll actually use in production React apps. It pushes composition over inheritance, shows you compound components for complex UI, and includes proper custom hooks for data fetching and state management. The performance section hits the important stuff like memoization, code splitting, and virtualization for long lists. What I like is that it shows both the patterns and anti-patterns, so you can see what good component architecture looks like versus the messy stuff that's hard to maintain.
Install to Claude Code
npx -y skills add affaan-m/everything-claude-code --skill frontend-patterns --agent claude-codeInstalls into .claude/skills of the current project.
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Files
SKILL.md
Select a file.
Featured
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Categories
