feature-arch

Comprehensive architecture guide for organizing React applications by features, enabling scalable development with independent teams. Contains 42 rules across 8 categories, prioritized by impact from critical (directory structure, imports) to incremental (naming conventions).

| 1 | Directory Structure | CRITICAL | struct- | | 2 | Import & Dependencies | CRITICAL | import- | | 3 | Module Boundaries | HIGH | bound- | | 4 | Data Fetching | HIGH | fquery- | | 5 | Component Organization | MEDIUM-HIGH | fcomp- | | 6 | State Management | MEDIUM | fstate- | | 7 | Testing Strategy | MEDIUM | test- |

| 8 | Naming Conventions | LOW | name- |

Linee guida sull'architettura basata su funzionalità di React per applicazioni scalabili (in precedenza architettura di funzionalità). Questa competenza dovrebbe essere utilizzata durante la scrittura, la revisione o il refactoring del codice React per garantire la corretta organizzazione delle funzionalità. Trigger su attività che coinvolgono la struttura del progetto, l'organizzazione delle funzionalità, i limiti dei moduli, le importazioni di funzionalità incrociate, i modelli di recupero dei dati o la composizione dei componenti. Fonte: thongdn-it/react-agent-skills.