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- |
Рекомендации по архитектуре React на основе функций для масштабируемых приложений (ранее — архитектура функций). Этот навык следует использовать при написании, проверке или рефакторинге кода React, чтобы обеспечить правильную организацию функций. Запускается по задачам, связанным со структурой проекта, организацией функций, границами модулей, импортом перекрестных функций, шаблонами выборки данных или составом компонентов. Источник: thongdn-it/react-agent-skills.