A curated list of awesome FSD videos, articles, packages.
Found something cool? Please, contribute!
We have a showcase of examples on our website.
- Steiger [official] — A universal architectural linter with full support for FSD
- @feature-sliced/eslint-config — Official ESLint config
- @conarti/eslint-plugin-feature-sliced — Community plugin for ESLint
- FSD + Typescript + React + Vite minimal template
- FSD + Typescript + React + Vite SSR template
- FSD + Typescript + React + Eslint
- FSD + Typescript + Next.js template
- FSD + Typescript + Nuxt3 + UnoCSS template
- FSD + Typescript + Nuxt3 template
- FSD + Typescript + Quasar 2 + Vite + Dprint template
- FSD + SvelteKit + Shadcn + Tailwind template
feature-sliced/cli[official] — Command-line generator for layers, slices, and segmentsfsd-cruise— Simple dependency visualization for Feature-Sliced Design based on dependency-cruiser
- Feature-Sliced Design Helper — IntelliJ IDEA plugin that lets you quickly create layers, slices, and segments
- FSD Slices Generator — The VS Code extension that gives you the ability to quickly create FSD slices
RUЭффективный процесс разработки на основе Feature-Sliced Design: наш опытRUКак мы приготовили Feature-Sliced Design в VKRUАрхитектура фронтенда на основе вертикальных слайсовENClean Architecture on Frontend / Alex Bespoyasov- Translation:
RUЧистая архитектура во фронтенде / Саша Беспоясов
- Translation:
RUFeature-Sliced Design – альтернативный подход к организации кода приложенийENFeature Driven / Oleg IsonenENAtomic Design / Brad FrostENA feature based approach to React developmentENWhy React developers should modularize their applications? / Alexis ManginENHow to Organize Your React + Redux CodebaseENThe Humanizing Work Guide to Splitting User Stories (aka "Vertical Slices")RUМетодология "feature-sliced" - идеальный способ структурировать растущий проект? / Олег Кусов
RU2024(Стрим на канале Евгения Паромова) Релиз FSD 2.1! Обсуждаем с кор-тимой FSD плюсы и минусыRU2024(Podlodka React Crew) Architectural linter for Feature-Sliced Design and beyondRU2021(IT2G Tech Talk) Feature Sliced. Architecture of Frontend Projects / Ilya Azin, YandexRU2021(Podlodka Frontend Crew) Feature Sliced. Architecture of Frontend Projects / Ilya AzinRU2021i18n, PageLayout, Auth / DiscussionRU2021Feature Sliced Committee Setup / DiscussionRU2021Architecture of React projects / TalkStreamRU2018(React SPB Meetup #1) Feature Slices / Sergey Sova [Slides]
RU2024(HolyJS Autumn 2024) 3 главных недостатка FSD после 3 лет использования / Евгений ПаромовRU2024(HolyJS Autumn 2024) Разбираемся в Feature-Sliced Design / Александр МоргуновRU2024(HolyJS Spring 2024) Путеводитель по архитектуре фронтенда в 2024 / Александр ГузенкоRU2024(Я💛Фронтенд 2024) Копаем глубже в Feature-Sliced Design / Александр МоргуновRU2023(VK IT Point) Feature-Sliced Design: опыт применения фронтенд-архитектуры в React-приложении / Антон УсковRU2023(YaTalks 2023) Эволюция архитектуры. Как мы пришли к FSD / Сергей ПономарёвRU2022(Krasnodar Frontend miniconf 2022) Architecture Methodology Feature Sliced / Daniil KrokhmalRU2021(Podlodka FrontendCrew) Live-coding: Clean Architecture on Frontend / Alex BespoyasovRU2019Frontend project structure / Ilya KlymovRU2019Evolution of enterprise architecture. From MVC to Clean Architecture / Fedor ShchudloEN2018(React Berlin) Feature Driven Development / Oleg Isonen