https://github.com/feature-sliced/awesome

A curated list of delightful 🍰 FSD resources
https://github.com/feature-sliced/awesome

List: awesome

awesome awesome-list feature-sliced

Last synced: about 2 months ago
JSON representation

A curated list of delightful 🍰 FSD resources

• Host: GitHub
• URL: https://github.com/feature-sliced/awesome
• Owner: feature-sliced
• Created: 2021-06-19T17:17:48.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2024-05-12T06:41:36.000Z (4 months ago)
• Last Synced: 2024-05-21T03:11:56.317Z (4 months ago)
• Topics: awesome, awesome-list, feature-sliced
• Homepage: https://feature-sliced.design
• Size: 43.9 KB
• Stars: 141
• Watchers: 16
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• ultimate-awesome - awesome - A curated list of delightful 🍰 FSD resources. (Other Lists / PowerShell Lists)

README

        
# Awesome Feature-Sliced Design [![Awesome](https://awesome.re/badge.svg)](https://awesome.re)

![fsd-banner](https://raw.githubusercontent.com/feature-sliced/documentation/master/static/img/banner.jpg)

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

Found something cool? Please, **[contribute](https://github.com/feature-sliced/awesome/pulls)**!

## Community

- [FSD Telegram (multi-lingual)](https://t.me/feature_sliced)

- [FSD Discord (multi-lingual)](https://discord.com/invite/S8MzWTUsmp)

- [FSD Twitter](https://twitter.com/feature_sliced)

- [FSD YouTube](https://www.youtube.com/channel/UCkng_PHLatpDKPOIKfI731A)

## Project examples

We have a showcase of [examples](https://feature-sliced.design/examples) on our website.

## DevExp

### Linting

- [Steiger](https://github.com/feature-sliced/steiger) [official] — A universal architectural linter with full support for FSD

- [@feature-sliced/eslint-config](https://github.com/feature-sliced/eslint-config) — Official ESLint config

- [@conarti/eslint-plugin-feature-sliced](https://github.com/conarti/eslint-plugin-feature-sliced) — Community plugin for ESLint

### Templates

- [FSD + Typescript + React + Vite minimal template](https://github.com/unordinarity/fsd-template-ts-react-vite)

- [FSD + Typescript + React + Vite SSR template](https://github.com/SilverDY/vite-super-ssr)

- [FSD + Typescript + React + Eslint](https://github.com/yunglocokid/FSD-Pure-React-Template)

- [FSD + Typescript + Next.js template](https://github.com/yunglocokid/FSD-Pure-Next.js-Template)

- [FSD + Typescript + Nuxt3 + UnoCSS template](https://github.com/SbokyZahodi/FSD-Nuxt3-template)

- [FSD + Typescript + Nuxt3 template](https://github.com/yunglocokid/FSD-Pure-Nuxt3-Template)

- [FSD + Typescript + Quasar 2 + Vite + Dprint template](https://github.com/doox911-opensource/quasar-vite-fsd)

- [FSD + SvelteKit + Shadcn + Tailwind template](https://github.com/falkomerr/sveltekit-starter)

### Tools

- [`feature-sliced/cli`](https://github.com/feature-sliced/cli) [official] — Command-line generator for layers, slices, and segments

- [`fsd-cruise`](https://github.com/s4ff0x/fsd-cruise) — Simple dependency visualization for Feature-Sliced Design based on dependency-cruiser

### IDE

- [Feature-Sliced Design Helper](https://plugins.jetbrains.com/plugin/21638-feature-sliced-design-helper) — IntelliJ IDEA plugin that lets you quickly create layers, slices, and segments

- [FSD Slices Generator](https://marketplace.visualstudio.com/items?itemName=SbokyZahodi.fsd-slices) — The VS Code extension that gives you the ability to quickly create FSD slices 

## Articles

- [Feature Slices (v1) / Sergey Sova](https://featureslices.dev/)

- [Feature Driven / Oleg Isonen](https://github.com/feature-sliced/documentation/tree/rc/feature-driven)

- [Atomic Design / Brad Frost](https://atomicdesign.bradfrost.com/table-of-contents/)

- [Clean Architecture on Frontend / Alex Bespoyasov](https://dev.to/bespoyasov/clean-architecture-on-frontend-4311)

- [A feature based approach to React development](https://ryanlanciaux.com/blog/2017/08/20/a-feature-based-approach-to-react-development/)

- [Why React developers should modularize their applications?](https://alexmngn.medium.com/why-react-developers-should-modularize-their-applications-d26d381854c1)

- [How to Organize Your React + Redux Codebase](https://www.pluralsight.com/guides/how-to-organize-your-react-+-redux-codebase)

- [The Humanizing Work Guide to Splitting User Stories *(aka "Vetical Slices")*](https://www.humanizingwork.com/the-humanizing-work-guide-to-splitting-user-stories/)

- [Is the "feature-sliced" methodology an ideal way to structure a growing project? *(BlogPost)* / Oleg Kusov](https://okusov.ru/metodologiya-feature-sliced-idealnyj-sposob-strukturirovat-rastushij-proekt)

- `RU` [Архитектура фронтенда на основе вертикальных слайсов](https://amorgunov.com/posts/2023-05-28-vertical-sliced-architecture-in-frontend/)

## Talks

### Core-team

- `RU` `2024` [(Podlodka React Crew) Architectural linter for Feature-Sliced Design and beyond](https://youtu.be/SDX-ke3K3VQ)

- `RU` `2021` [(IT2G Tech Talk) Feature Sliced. Architecture of Frontend Projects / Ilya Azin, Yandex](https://youtu.be/TFA6zRO_Cl0)

- `RU` `2021` [(Podlodka Frontend Crew) Feature Sliced. Architecture of Frontend Projects / Ilya Azin](https://youtu.be/SnzPAr_FJ7w)

- `RU` `2021` [i18n, PageLayout, Auth / Discussion](https://youtu.be/b_nBvHWqxP8)

- `RU` `2021` [Feature Sliced Committee Setup / Discussion](https://youtu.be/RQBslp8dngA)

- `RU` `2021` [Architecture of React projects / TalkStream](https://youtu.be/h1YY7r9Uov8)

- `RU` `2018` [(React SPB Meetup #1) Feature Slices / Sergey Sova [Slides]](https://t.me/feature_slices)

### External

- `RU` `2024` [(Я💛Фронтенд 2024) Копаем глубже в Feature-Sliced Design / Alexander Morgunov](https://www.youtube.com/watch?v=M84x3pzDYr0&ab_channel=YandexforFrontend)

- `RU` `2023` [(VK IT Point) Feature-Sliced Design: опыт применения фронтенд-архитектуры в React-приложении / Антон Усков](https://www.youtube.com/watch?v=ku02Vkauods)

- `RU` `2023` [(YaTalks 2023) Эволюция архитектуры. Как мы пришли к FSD / Сергей Пономарёв](https://www.youtube.com/watch?v=KVcY1bfUCBU)

- `RU` `2022` [(Krasnodar Frontend miniconf 2022) Architecture Methodology Feature Sliced / Daniil Krokhmal](https://youtu.be/BEMx3iAHP2I)

- `RU` `2021` [(Podlodka FrontendCrew) Live-coding: Clean Architecture on Frontend / Alex Bespoyasov](https://youtu.be/h4WQRqNjmX0)

- `RU` `2019` [Frontend project structure / Ilya Klymov](https://youtu.be/Sp8V-5k2ZaM)

- `RU` `2019` [Evolution of enterprise architecture. From MVC to Clean Architecture / Fedor Shchudlo](https://youtu.be/WXelYPjwmk0)

- `EN` `2018` [(React Berlin) Feature Driven Development / Oleg Isonen](https://youtu.be/BWAeYuWFHhs)