Standardize React component design and state management with Zustand or Context API.
npx skills add https://github.com/Awais16/skills-vault --skill react-awais16
Please help me install this Agent Skill. Skill: react Source: https://github.com/Awais16/skills-vault/tree/main/skills/react Command: npx skills add https://github.com/Awais16/skills-vault --skill react-awais16
Standardize and accelerate React component development by codifying best practices, patterns, and state-management guidelines.
Create a new React component following the conventions outlined in this guide.
High-intent search queries and answers about installing and using this skill.
To manage React state, use Zustand or the Context API based on your scope. This Skill provides specific guidance on writing custom hooks and enforcing conventions for state usage, ensuring scalable and maintainable component architecture.
Optimize React rendering by applying enforced performance conventions and accessible UI patterns. This provides structured guidance for functional components, ensuring applications avoid unnecessary renders while maintaining accessibility compliance.
Choose Zustand or the Context API for state management based on your application's complexity. This Skill codifies guidelines for both approaches, helping teams align on patterns and avoid drift when building scalable interfaces.
Yes, standardizing React components is applicable when refactoring existing code. It enforces conventions around functional components, structured folders, and custom hooks to align legacy codebases with scalable best practices.
Handle forms and custom hooks by applying codified best practices for React components. This enforces naming rules and structured folder conventions, ensuring forms and hooks integrate seamlessly with state management and accessibility optimizations.
joshribakoffStandardize React UI components with functional patterns and JSDoc prop typing.
siddhantparadoxConfigure Android Gradle build logic with Convention Plugins and Version Catalogs.
futureteaProvide idiomatic React and TypeScript guidance for components, hooks, and state management.
akillnessOutline React state management best practices for Context, Redux, Zustand, and Recoil.
