react

What problem does it solve?

This Skill provides a comprehensive guide and set of rules for designing and developing React components, ensuring consistency, maintainability, and adherence to best practices.

Core Features & Use Cases

• Component Design Principles: Enforces functional components, explicit prop typing, Single Responsibility Principle, and size limits.
• Prop Design Guidelines: Promotes minimal props, clear callback naming, and avoiding passing entire objects unnecessarily.
• Naming Conventions: Standardizes naming for components, hooks, utilities, and event handlers.
• Prohibited Practices: Lists common anti-patterns and anti-practices to avoid in React development.
• Use Case: When building a new feature with React, consult this Skill to ensure all new components are structured correctly, props are managed efficiently, and naming conventions are followed, leading to a cleaner and more scalable codebase.

Quick Start

Follow the React Skill's guidelines to create a new functional component named UserProfile that accepts name and avatarUrl as props.