Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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 1 month 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 (over 3 years ago)
- Default Branch: master
- Last Pushed: 2024-05-12T06:41:36.000Z (7 months ago)
- Last Synced: 2024-05-21T03:11:56.317Z (7 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 / Monkey C Lists)
README
# Awesome Feature-Sliced Design [](https://awesome.re)
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 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
- `RU` [Как мы приготовили Feature-Sliced Design в VK](https://habr.com/ru/companies/vk/articles/831148/)
- `RU` [Архитектура фронтенда на основе вертикальных слайсов](https://amorgunov.com/posts/2023-05-28-vertical-sliced-architecture-in-frontend/)
- [Clean Architecture on Frontend / Alex Bespoyasov](https://dev.to/bespoyasov/clean-architecture-on-frontend-4311)
- Translation: `RU` [Чистая архитектура во фронтенде / Саша Беспоясов](https://bespoyasov.ru/blog/clean-architecture-on-frontend/)
- `RU` [Feature-Sliced Design – альтернативный подход к организации кода приложений](https://habr.com/ru/companies/avito/articles/752536/)
- [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/)
- [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 "Vertical 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)
## 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` [(HolyJS Spring 2024) Путеводитель по архитектуре фронтенда в 2024 / Александр Гузенко](https://www.youtube.com/watch?v=mnQrowYzMmU)
- `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)