Как обычно делают? С бека данные сразу пихаются в редакс,

Question

Как обычно делают? С бека данные сразу пихаются в редакс,

оттуда во все приложение. При любом изменении структуры данных с бека ломается все приложение.

Хочу перед тем как пихать в редакс обрабатывать данные/преобразовать в удобный формат и потом сохранять в редакс.
Чтобы при изменении данных менять в одном месте, а не искать по всему приложению.

#frontend #javascript #programming #react.js #russian

0

09.07.2021

12 ответов

28 просмотров

Firstname Lastname

выносишь нормализацию в функцию, пишешь на нее тесты (опционально), вызываешь функцию нормализации либо в редьюсере, либо в самом санке. если хочешь красиво, то под нормализацию можно отдельный санк написать, чтобы в девтулзах отображалось

0

09.07.2021

Firstname Lastname

еще можно написать селектор, но тут надо смотреть на то, что происходит с данными в жизненном цикле приложения

0

09.07.2021

Ivan 🧑‍🚀

Это называется апи-клиент. Пишется между стором и сетью, делает то, что ты описал (плюс ошибки обрабатывает, ретраи всякие там и куча всего другого). А редакс делает API.getUser(userId) и ничего не знает про «откуда взялся юзер»

0

09.07.2021

rnamod1 Автор вопроса

Да, спасибо. Сейчас в условный user сразу сохраняется response.json() (большой объект с кучей вложенности и тп) и все экшены, редьюсеры построены на предположении о том, что пришло с бека 😭

0

09.07.2021

Ivan 🧑‍🚀

Ну ты либо проверяешь всё до последней запятой, либо веришь бэку. Стоит ли тратить время на кучу кода с проверками? Оно точно нужно? Точно-точно? В куче кода ошибок будет больше, чем при отсутствии кода

0

09.07.2021

rnamod1 Автор вопроса

Хм, возможно и не точно. Возможно, лучше пнуть бека, что бы на user.age не возвращал в зависимости от фазы луны 19, '19', [19] или { age: 19 }

0

09.07.2021

Ivan 🧑‍🚀

Попросить консистентных данных — это всегда хорошая идея

0

09.07.2021

Иван Егоров

Я стараюсь делать свою схему данных, а не разбрасывать поля которые приходят с бэкенда. Если предположить, что завтра с бэка придет user.Id вместо user.id то будет больновато искать это в компонентах.

0

09.07.2021

Ivan 🧑‍🚀

Я для этого использую typescript — с ним рефакторинг гораздо проще. А схемы поверх него через библиотечки специфичные — прям сладкий сахар

0

09.07.2021

Vladimir Kurchatkin

Это неплохо, но довольно затратно

0

09.07.2021

Иван Егоров

Поддерживаю. 👍🏻 Тоже переписываю проект на TS потихоньку.