Телеграмм чат группы feature

Size: a a a

Feature Slices

782 membersпожаловаться на группу

2018 October 30

Feature Slices

Feature Slices

Этот подход давно используется в .NET
По сути те же модули, но с формальными правилами

источник

310012:04пожаловаться #1

Feature Slices

Все компоненты разделяем на две группы:
- UI — чистые презентационные компоненты
- features — компоненты, несущие в себе бизнес-ценность

источник

305812:05пожаловаться #2

Feature Slices

UI — должны быть максимально переиспользуемыми компонентами.
Я использую методологию @AtomicDesign для организации компонентов

источник

259012:07пожаловаться #3

Feature Slices

Features — большие уникальные модули, содержащие компоненты, редюсеры, экшены и апи.

источник

241312:08пожаловаться #4

Feature Slices

Чтобы лучше понять идеологию фич, можно провести аналогию с трекером задач: фича это одна уникальная функциональность в пределах проекта.

Каждая директория здесь, это бизнес-сущность, которую в теории можно выделить в отдельный npm-пакет.

Разделение сущностей должно отображать структуру проекта в интерфейсе.

источник

237212:09пожаловаться #5

Feature Slices

Все фичи без исключения должны иметь одинаковую структуру директорий.

Если директория не содержит файлов, не нужно создавать её “ради структуры”.

источник

231412:13пожаловаться #6

Feature Slices

У каждой фичи должно быть публичное API, через которое её можно использовать.

В этом файле экспортируется только то, что будет использоваться снаружи фичи. Желательно не использовать export *

Из других частей проекта, нужно импортировать только через публичное API. Не нужно лезть импортами в кишки фич — это прямое нарушение инкапсуляции.

источник

229412:14пожаловаться #7

Feature Slices

Фичи можно вкладывать друг в друга.
Вложение должно определяться потребностью бизнес-логики/структурой проекта.

источник

224012:17пожаловаться #8

Feature Slices

@AtomicDesign + Feature Slices

источник

218212:18пожаловаться #9

Feature Slices

В ui/ компоненты разложены по уровням

источник

217912:18пожаловаться #10

Feature Slices

Каждый уровень это плоский список директорий.

источник

217412:19пожаловаться #11

Feature Slices

Каждый уровень имеет файл index.js с именованными экспортами модулей.

Лучше не использовать export *

источник

247512:20пожаловаться #12

Feature Slices

Каждый компонент должен иметь документацию и тесты.

источник

221312:21пожаловаться #13

Feature Slices

В фичах также могут быть директории уровней @AtomicDesign.

источник

222212:22пожаловаться #14

Feature Slices

Директорию components/ можно превратить в pages/ отказом от разделения на контейнеры/компоненты

источник

244112:24пожаловаться #15

Feature Slices

Контейнеры

Redux использует такие понятия, как компоненты и контейнеры.

источник

216112:25пожаловаться #16

Feature Slices

Но сами по себе контейнеры являются компонентами

источник

214212:26пожаловаться #17

Feature Slices

и вроде бы, множество всех компонентов содержит в себе множество контейнерных

но это никто не отображает на структуре директорий

источник

215112:26пожаловаться #18

Feature Slices

источник

220212:27пожаловаться #19

Feature Slices

Документация redux вносит ещё больше недоразумения в именование, добавляя ещё два термина: умный и глупый

Мне кажется это несколько криво. Я предлагаю отказаться от такого именования и подхода целиком.

Незачем разделять ОДНУ сущность на две, без прямой необходимости.

источник

224612:27пожаловаться #20