Digging Deeper into Feature-Sliced Design
summary
Alexander Morgunov from Samokat.tech presents the Feature-Sliced Design (FSD) architectural methodology for frontend projects. He explains FSD concepts, shares his practical experience including undocumented nuances and pitfalls, and helps teams decide whether to adopt FSD for their codebase.
AI-written summary · about
chapters (17)
- 0:00Introduction
- 1:10What is Feature-Sliced Design
- 3:57FSD concepts and structure
- 7:09Layers and modules in FSD
- 9:40Design example: entities
- 13:58Feature layer and purpose
- 16:25Widget layer and composition
- 20:23Cross-imports problem in FSD
- 22:50Cross-import solutions
- 27:07Cross-imports at widget level
- 29:13Missing layers and custom sublayers
- 32:41Summary and when to use FSD
- 35:50Q&A: microfrontends and Redux
- 38:20FSD team adoption and onboarding
- 41:53FSD and product vision
- 43:18FSD for admin panels and frameworks
- 44:42Chat Q&A and closing
related talks
48mUnderstanding Feature-Sliced Design
45m3 main shortcomings of FSD after 3 years of use
44mUsing Different Architectures Inside FSD
58mDesigning for change with Vertical Slice Architecture
30mFeature Driven Architecture
40mSOLID Architecture in Slices not Layers
54mDesigning for change with Vertical Slice Architecture
50mThe Art of Front-end Architecture