超棒的特性切片设计
精心策划的FSD视频、文章、软件包列表。
发现了什么很酷的东西?请**贡献**!
社区
项目示例
我们在网站上展示了示例。
开发体验
代码检查
- Steiger [官方] — 完全支持FSD的通用架构代码检查工具
- @feature-sliced/eslint-config — 官方ESLint配置
- @conarti/eslint-plugin-feature-sliced — 社区ESLint插件
模板
- FSD + Typescript + React + Vite最小模板
- FSD + Typescript + React + Vite SSR模板
- FSD + Typescript + React + Eslint
- FSD + Typescript + Next.js模板
- FSD + Typescript + Nuxt3 + UnoCSS模板
- FSD + Typescript + Nuxt3模板
- FSD + Typescript + Quasar 2 + Vite + Dprint模板
- FSD + SvelteKit + Shadcn + Tailwind模板
工具
feature-sliced/cli
[官方] — 层、切片和片段的命令行生成器fsd-cruise
— 基于dependency-cruiser的特性切片设计简单依赖可视化工具
IDE
文章
RU
我们如何在VK中实践特性切片设计RU
基于垂直切片的前端架构- 前端的整洁架构 / Alex Bespoyasov
- 翻译:
RU
前端的整洁架构 / Саша Беспоясов
- 翻译:
RU
特性切片设计 – 组织应用程序代码的另一种方法- 特性驱动 / Oleg Isonen
- 原子设计 / Brad Frost
- React开发的基于特性的方法
- 为什么React开发者应该模块化他们的应用程序?
- 如何组织你的React + Redux代码库
- 人性化工作指南:拆分用户故事(又称"垂直切片")
- "特性切片"方法是否是组织不断增长项目的理想方式?(博客文章)/ Oleg Kusov
讲座
核心团队
RU
2024
(Podlodka React Crew) 特性切片设计及更多的架构代码检查工具RU
2021
(IT2G Tech Talk) 特性切片。前端项目的架构 / Ilya Azin, YandexRU
2021
(Podlodka Frontend Crew) 特性切片。前端项目的架构 / Ilya AzinRU
2021
i18n、PageLayout、Auth / 讨论RU
2021
特性切片委员会设置 / 讨论RU
2021
React项目的架构 / TalkStreamRU
2018
(React SPB Meetup #1) 特性切片 / Sergey Sova [幻灯片]
外部
RU
2024
(Я💛Фронтенд 2024) 深入探讨特性切片设计 / Alexander MorgunovRU
2023
(VK IT Point) 特性切片设计:在React应用中应用前端架构的经验 / Антон УсковRU
2023
(YaTalks 2023) 架构的演变。我们如何走向FSD / Сергей ПономарёвRU
2022
(Krasnodar Frontend miniconf 2022) 架构方法论特性切片 / Daniil KrokhmalRU
2021
(Podlodka FrontendCrew) 实时编码:前端的整洁架构 / Alex BespoyasovRU
2019
前端项目结构 / Ilya KlymovRU
2019
企业架构的演变。从MVC到整洁架构 / Fedor ShchudloEN
2018
(React Berlin) 特性驱动开发 / Oleg Isonen