component-reuse-workflow

To prevent redundant React UI component creation, enforce a component-first workflow that systematically searches for existing patterns before building new ones. This ensures developers extend established elements like Dialog rather than duplicating logic.

Component-first frontend development is a strategy that mandates searching for and evaluating existing UI components before creating new ones. It ensures all new elements are presentation-focused, fully reusable, and built upon established patterns.

To separate data logic from presentation in reusable components, build presentation-focused UI elements that decouple data fetching from rendering. This workflow guides developers to maintain strict separation between component visuals and business logic.

To enforce UI pattern adherence across a developer workflow, implement a strategy that guides developers to build upon established patterns like Sheet or Dialog rather than inventing new ones. This maintains codebase consistency and maintainability.

Yes, this component reuse workflow works with existing React patterns by systematically searching for elements like dialog.tsx before creating new modals. It ensures any new components extend established patterns rather than replacing them.