Как реализовать несколько списков с фильтрами на одной странице?

Question

[Артур Галяев]

Codesanbox
Нужно отобразить два(или более) списков с постами, с возможностью фильтрации.
Мое решение:
В редьюсере Post изолированно хранится состояния списков в dataByList.
Каждый компонент списка вызывает созданный хук, который хранит ключ этого списка. При принятии запроса, экшн смотрит, передан ли ключ списка, если да -- записывает данные в dataByList, если нет -- в общий объект постов.

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

Comments

[szQocks]

Как же всё запутано, короче у тебя должен быть store, может быть несколько сторов, и любой компонент в приложении может обратиться к любому из сторов и вызвать любой экшен, и логику по фильтрации можно вынести тупо в компонент а не в экшены

Может получиться так что у тебя вот есть 2 компонента которые используют данные из стора, а ты сидишь и фильтруешь их, это возможно скажется на каком-то из компонентов

[Артур Галяев]

szQocks,
Вынести логику по фильтрации в компонент — но тут фильтрация на стороне сервера, на клиенте фактически ничего не фильтруется. Я просто не совсем понимаю как хранить данные списков: в разных редьюсерах или в редьюсере сущности(Post, в этом случае)

[szQocks]

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

[szQocks]

Артур Галяев, вообще не знаю что там за подход ты используешь, явно не 3 принципа redux,а что-то новенькое похоже, и кстати ты похоже не вкурсе про метод filter у массивов, погугли думаю тебе он поможет в будущем, за место того что бы искать индекс и через splice удалять элемент из массива, проще юзнуть filter

[szQocks]

Артур Галяев, вот самый простой способ юзать redux - https://redux.js.org/understanding/thinking-in-red...

[Артур Галяев]

szQocks,
Я имел ввиду создавать ли редьюсеры для работы с этими списками, состояние конечно хранится в сторе.
Там используется redux-toolkit, с filter я что-то тупанул)

[Артур Галяев]

szQocks, получается если нужно было бы сделать два списка на странице, каждый с возможностью фильтра, как бы ты это реализовал?

[szQocks]

Артур Галяев, можно создать и на фронте экшены с редьюсерами для фильтрации, это нормально, всё хотел узнать toolkit, но глядя на код , понял что пожалуй не буду :D, останусь на своём mobx

[Артур Галяев]

szQocks, окей, понял