Awesome Feature-Sliced Design

A curated list of awesome FSD videos, articles, packages.

Found something cool? Please, contribute!

Community

• FSD Telegram (multi-lingual)
• FSD Discord (multi-lingual)
• FSD YouTube

Project examples

We have a showcase of examples on our website.

DevExp

Linting

• 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

Templates

• 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

Tools

• feature-sliced/cli _[official] — Command-line generator for layers, slices, and segments
• fsd-cruise — Simple dependency visualization for Feature-Sliced Design based on dependency-cruiser

IDE

• 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

Articles

• RU Эффективный процесс разработки на основе Feature-Sliced Design: наш опыт
• RU Как мы приготовили Feature-Sliced Design в VK
• RU Архитектура фронтенда на основе вертикальных слайсов
• EN Clean Architecture on Frontend / Alex Bespoyasov
  • Translation: RU Чистая архитектура во фронтенде / Саша Беспоясов
• RU Feature-Sliced Design – альтернативный подход к организации кода приложений
• EN Feature Driven / Oleg Isonen
• EN Atomic Design / Brad Frost
• EN A feature based approach to React development
• EN Why React developers should modularize their applications? / Alexis Mangin
• EN How to Organize Your React + Redux Codebase
• EN The Humanizing Work Guide to Splitting User Stories (aka "Vertical Slices")
• RU Методология "feature-sliced" - идеальный способ структурировать растущий проект? / Олег Кусов

Talks

Core-team

• RU 2024 (Стрим на канале Евгения Паромова) Релиз FSD 2.1! Обсуждаем с кор-тимой FSD плюсы и минусы
• RU 2024 (Podlodka React Crew) Architectural linter for Feature-Sliced Design and beyond
• RU 2021 (IT2G Tech Talk) Feature Sliced. Architecture of Frontend Projects / Ilya Azin, Yandex
• RU 2021 (Podlodka Frontend Crew) Feature Sliced. Architecture of Frontend Projects / Ilya Azin
• RU 2021 i18n, PageLayout, Auth / Discussion
• RU 2021 Feature Sliced Committee Setup / Discussion
• RU 2021 Architecture of React projects / TalkStream
• RU 2018 (React SPB Meetup #1) Feature Slices / Sergey Sova [Slides]

External

• RU 2024 (HolyJS Autumn 2024) 3 главных недостатка FSD после 3 лет использования / Евгений Паромов
• RU 2024 (HolyJS Autumn 2024) Разбираемся в Feature-Sliced Design / Александр Моргунов
• RU 2024 (HolyJS Spring 2024) Путеводитель по архитектуре фронтенда в 2024 / Александр Гузенко
• RU 2024 (Я💛Фронтенд 2024) Копаем глубже в Feature-Sliced Design / Александр Моргунов
• RU 2023 (VK IT Point) Feature-Sliced Design: опыт применения фронтенд-архитектуры в React-приложении / Антон Усков
• RU 2023 (YaTalks 2023) Эволюция архитектуры. Как мы пришли к FSD / Сергей Пономарёв
• RU 2022 (Krasnodar Frontend miniconf 2022) Architecture Methodology Feature Sliced / Daniil Krokhmal
• RU 2021 (Podlodka FrontendCrew) Live-coding: Clean Architecture on Frontend / Alex Bespoyasov
• RU 2019 Frontend project structure / Ilya Klymov
• RU 2019 Evolution of enterprise architecture. From MVC to Clean Architecture / Fedor Shchudlo
• EN 2018 (React Berlin) Feature Driven Development / Oleg Isonen