components

name	components
description	Use when designing, implementing, or reviewing React/TypeScript components with naming conventions, props typing, hooks usage, and UnoCSS styling standards.

Components

Overview

Design and review React/TypeScript components with consistent naming, typing, hooks, and UnoCSS styling.

Quick Workflow

1. Define component type and responsibility (UI, business, container, page, layout).
2. Define props and dependencies explicitly.
3. Implement with typed props and function components.
4. Apply UnoCSS classes and CSS variables.
5. Review against the checklist.

Common Mistakes

• Mixing UI and data-fetch logic in a single component.
• Missing props types or using any.
• Inline styles instead of UnoCSS utilities.
• Unstable callbacks and missing dependency arrays.

Resources

• references/standards.md
• references/checklist.md
• references/templates.md