Feature-Sliced Design
Dependency direction is enforced automatically
Each layer has one focused responsibility. Slices are imported only through their public index.ts, while composition happens higher in the architecture.
01
app
Application providers, global styles, and route adapters.
02
pages
Complete pages and route-specific data loading.
03
widgets
Large, self-contained interface blocks that compose features and entities.
04
features
User actions and complete product scenarios.
05
entities
Domain models, their presentation, and core operations.
06
shared
Reusable UI primitives, infrastructure, configuration, and utilities.