#TechSpecific Redux

[azinit]

Методология tech-agnositc, но хочется описать как проявляется использование FSD на примере Redux

[azinit]

1) Про redux
- "Храним" - в каждом слайсе непосредственно, в model-сегменте 
(https://feature-sliced.design/docs/reference/segments#model) со всей логикой модели данных 
(обработка экшонов, сайд-эффекты и т.п.)
- "Инициализируем" - в слое app 
(https://feature-sliced.design/docs/reference/layers/app), 
комбайним "все мясо" с нижних слоев как раз)

https://t.me/feature_sliced/6936

[azinit]

ребят, а может кто подсказать по этому примеру?
сделал всё по этому примеру, однако ts выдаёт ошибку Cannot find name 'GlobalState'.

Там еще важно, чтобы внутри app/store/types.d.ts не было импортов ES2015

Т.е. у меня в коде было что-то вроде:
type ReducersState = import("./index").reducers;
declare type GlobalState = ReturnType<typeof ReducersState> {...}

https://t.me/feature_sliced/5014

[azinit]

А при описании селекторов откуда брать тип RootState? Та же история с useAppDispatch (typed). 
Ведь инстанс стора мы вроде как должны хранить в app

Я лично так делал:

1. app/store/types.d.ts
declare type GlobalState = [computed type from reducers]
// Здесь же GlobalDispatch, ThunkApi, ...

2. react-app-env.d.ts
/// <reference types="app/store/types" />

3. В коде:
const [...] = useSelector((state: GlobalState) => ...)

https://t.me/feature_sliced/3883

[GusevDV]

@azinit попробовал применить ваш метод с CRA, но все равно TS почему-то ругается и не находит задекларированный тип. В какую сторону смотреть? Может что-то еще нужно сделать?

Пишет:

 error TS2304: Cannot find name 'RootState'.

[azinit]

@GusevDV Попробуйте глянуть в сторону ts global types declaration и что в целом глобальные типы остальные подсасываются

Вот тут еще одно из возможных решений
https://t.me/feature_sliced/5013

[azinit]

Если не поможет, можно в чате описать проблему
Быстрее помогут)

https://t.me/feature_sliced

[GusevDV]

Спасибо!

[azinit]

Просто что store, что apolloClient, что reactQueryClient - 
это служебные инстансы, которые нужны 
только во время инициализации приложения

Про них другие слои вообще не должны знать - 
поэтому ничего странного тут нет, 
что мы не можем импортить из app такие штуки))

https://t.me/feature_sliced/3718

[azinit]

У кого нибудь есть примеры использования метрдологии с redux, saga?

https://t.me/feature_sliced/12048