feature-slicing

Frontend architecture methodology with strict layer hierarchy and import rules for scalable, maintainable applications. FSD organizes code by business domain rather than technical role.

Modules can ONLY import from layers strictly below them. Never sideways or upward.

| Cross-slice (same layer) | features/auth → features/user | Extract to entities/ or shared/ | | Upward import | entities/user → features/auth | Move shared code down | | Shared importing up | shared/ → entities/ | Shared has NO internal deps |

Применяйте архитектуру Feature-Sliced ​​Design (FSD) к внешним проектам. Запускается по: FSD, нарезке объектов, архитектура фронтенда, многоуровневая структура, границы модулей, масштабируемый фронтенд, организация слайсов. Используйте при: создании новых функций/компонентов/страниц, реструктуризации проектов React/Next.js/Vue/Remix, организация кода внешнего интерфейса, настройка структуры проекта, исправление нарушений импорта или миграция устаревших кодовых баз. Источник: ccheney/robust-skills.