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 |

Applica l'architettura Feature-Sliced ​​Design (FSD) ai progetti frontend. Trigger su: FSD, suddivisione delle funzionalità, architettura frontend, struttura a livelli, limiti dei moduli, frontend scalabile, organizzazione delle sezioni. Utilizzare quando: creazione di nuove funzionalità/componenti/pagine, ristrutturazione di progetti React/Next.js/Vue/Remix, organizzare il codice frontend, impostare la struttura del progetto, correggere le violazioni di importazione o migrare le basi di codice legacy. Fonte: ccheney/robust-skills.