Organize React applications using feature-based architecture principles.
npx skills add https://github.com/pproenca/dot-skills --skill feature-arch-pproenca
Please help me install this Agent Skill. Skill: feature-arch Source: https://github.com/pproenca/dot-skills/tree/main/skills/.curated/feature-arch Command: npx skills add https://github.com/pproenca/dot-skills --skill feature-arch-pproenca
This Skill addresses the challenge of maintaining large, complex React applications by providing a structured approach to code organization, ensuring scalability, maintainability, and independent feature development.
Apply the feature-arch skill to refactor the current project's directory structure according to feature-based principles.
High-intent search queries and answers about installing and using this skill.
Structure large React applications using feature-based architecture to organize code around business domains rather than technical types. This approach enforces module boundaries and feature isolation, reducing navigation complexity and ensuring independent feature development.
Enforce module boundaries in React by applying unidirectional import flows and feature isolation. This prevents coupling between distinct business domains by ensuring features cannot import from each other unpredictably, maintaining strict separation and codebase stability.
Refactor an existing React project by reorganizing the directory structure around business domains. Apply the 42 rules across 8 categories to establish feature isolation, colocate related code, and enforce unidirectional import flows for enhanced maintainability.
Yes, feature-based architecture provides specific guidelines for managing data fetching and component composition. Colocating these concerns within isolated feature modules ensures that growing codebases remain scalable and maintainable as application complexity increases.
Avoid organizing by technical types when your React application scales and multiple teams contribute simultaneously. Feature-based architecture becomes necessary to prevent module coupling, reduce navigation complexity, and enable independent feature development.
981029lInitialize a new webnovel project with structured files and directory templates.
haginotValidate TypeScript layer dependencies and report import violations.
tadokoro-ryusukeProvide React component, hook, and UI state management patterns.
vuthuonghai-steveValidate screen component directory structures against centralized architecture rules.
