Skip to main content
Back to registry

frontend-react-best-practices

sergiodxa/agent-skills

Performance optimization and composition patterns for React components. Contains 33 rules across 6 categories focused on reducing re-renders, optimizing bundles, component composition, and avoiding common React pitfalls.

Installs372
Install command
npx skills add https://github.com/sergiodxa/agent-skills --skill frontend-react-best-practices
Security audits
Gen Agent Trust HubPASS
SocketPASS
SnykPASS
About this skill
Performance optimization and composition patterns for React components. Contains 33 rules across 6 categories focused on reducing re-renders, optimizing bundles, component composition, and avoiding common React pitfalls. Reference these guidelines when: Import directly from source, avoid barrel files. Load modules only when feature is activated. Preload on hover/focus for perceived speed. Use functional setState for stable callbacks. Derive state during render, not in effects. Pass function to useState for expensive initial values.

Source description provided by the upstream skill listing. Community reviews and install context appear in the sections below.

Community Reviews

Latest reviews

Sign in to review

No community reviews yet. Be the first to review.

Browse this skill in context
FAQ
What does frontend-react-best-practices do?

Performance optimization and composition patterns for React components. Contains 33 rules across 6 categories focused on reducing re-renders, optimizing bundles, component composition, and avoiding common React pitfalls.

Is frontend-react-best-practices good?

frontend-react-best-practices does not have approved reviews yet, so SkillJury cannot publish a community verdict.

What agent does frontend-react-best-practices work with?

frontend-react-best-practices currently lists compatibility with codex, gemini-cli, opencode, cursor, kimi-cli, github-copilot.

What are alternatives to frontend-react-best-practices?

Skills in the same category include telegram-bot-builder, flutter-app-size, sharp-edges, iterative-retrieval.

How do I install frontend-react-best-practices?

npx skills add https://github.com/sergiodxa/agent-skills --skill frontend-react-best-practices

Related skills

More from sergiodxa/agent-skills

Related skills

Alternatives in Software Engineering