redis React Best Practices
Use this skill when reviewing React UI changes or implementing component-level frontend work.
Check for accessible labels, stable keys, clear hook dependencies, resilient loading states, and simple component boundaries.
React Best Practices
Review React components for accessibility, hook correctness, and maintainable state boundaries.
React Best Practices by redis · 22e3dd8
npx skillmds@latest add redis/react-best-practices File contents
---name: react-best-practicesdescription: Review React components for accessibility, hook correctness, and maintainable state boundaries.---# React Best PracticesUse this skill when reviewing React UI changes or implementing component-level frontend work.Check for accessible labels, stable keys, clear hook dependencies, resilient loading states, and simple component boundaries.
redis/agent-filesystem/tree/main/examples/liveskills/examples/react-best-practices commit 22e3dd8217
Frequently asked questions
Run npx skillmds@latest add redis/react-best-practices in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Review React components for accessibility, hook correctness, and maintainable state boundaries. It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
redis (@redis) published this skill. Their other Agent Skills are listed on their SkillMD profile.