react-component-development

Structure React components using feature-based architecture with clear separation of concerns. This Skill provides standardized patterns for organizing TypeScript React components, hooks, and shared libraries to ensure consistency and reusability as projects grow, documented in HOOKS.md and COMPONENTS.md.

React component patterns are reusable architectural blueprints for UI elements, hooks, and state management. This Skill documents proven patterns and custom hooks that accelerate UI library development while maintaining type safety with TypeScript across your React application.

Apply architecture-driven component guidelines and standardized patterns across your team's React codebase. This Skill provides real-world examples and shared component conventions that enforce consistency, reduce rework, and enable faster onboarding for new team members building TypeScript React UIs.

Yes. This Skill standardizes component and hooks development to enable safe reuse across TypeScript React projects. By following the documented feature-based structure and pattern guidelines, you create portable, well-typed components and hooks that work consistently in different codebases.

Organize components by feature using architecture guidance from this Skill to build scalable libraries. Group related components, hooks, and utilities with clear responsibilities, apply TypeScript for type safety, and document patterns so team members can contribute and maintain the library consistently over time.

This Skill is designed for TypeScript React ecosystems and emphasizes type safety as a core benefit. While patterns themselves apply broadly, the documented guidance, examples, and reusable hooks are built specifically for TypeScript and deliver maximum value when using TypeScript in your React projects.