Size: a a a

React — русскоговорящее сообщество

2021 March 04

Ю

Юлия in React — русскоговорящее сообщество
Maxim Koylo
Почему ты уперлась в нормализацию?
Огромное приложение и много ненормализованных данных с бэка, плюс в приложении уже есть нормализация, правда не через ртк адаптер.
источник

Ю

Юлия in React — русскоговорящее сообщество
Тимофей 🛴
Фигня вообще, сделай как угодно, будет норм
Спасибо Тимофей за ответы 😊
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Юлия
Огромное приложение и много ненормализованных данных с бэка, плюс в приложении уже есть нормализация, правда не через ртк адаптер.
Тогда понятно
источник

o

ops_rv in React — русскоговорящее сообщество
Привет!

Подскажите как кто делает маршрутизацию в react с redux
источник

А

Антон in React — русскоговорящее сообщество
ops_rv
Привет!

Подскажите как кто делает маршрутизацию в react с redux
React router dom
источник

VP

Vitaliy Ponomarev in React — русскоговорящее сообщество
Юлия
А вы не знаете примеры кода ближе к продакшену ртк и нормализации данных на гитхабе ?
по поводу нормализации - действительно, не всегда это необходимо, в большей степени это критично для офлайна (когда ваш глобальный стейт по сути является альтернативой представления БД и, например, требуются CRUD-операции над данными в офлайн-режиме)
источник

Ю

Юлия in React — русскоговорящее сообщество
Vitaliy Ponomarev
по поводу нормализации - действительно, не всегда это необходимо, в большей степени это критично для офлайна (когда ваш глобальный стейт по сути является альтернативой представления БД и, например, требуются CRUD-операции над данными в офлайн-режиме)
Я согласна с вами, но в этом приложении это необходимость, а вы использовали нормализацию ? Где хранили loading, error ?
источник

ДД

Душанин Дмитрий... in React — русскоговорящее сообщество
Kirill Chernyshoff
export default GoogleApiWrapper({
   apiKey: GOGGLE_API_KEY,
   language: 'ru',
})(GoggleMaps)
А вопрос ещё тупее у меня, а в какой файл дописать это?
источник

VP

Vitaliy Ponomarev in React — русскоговорящее сообщество
Юлия
Я согласна с вами, но в этом приложении это необходимость, а вы использовали нормализацию ? Где хранили loading, error ?
для состояний загрузки есть вариант с отдельным ui reducer, но я пока еще не тестировал на реальном достаточно крупном приложении.
ну и я в основном для мобилок пишу, не для веба.
источник

Ю

Юлия in React — русскоговорящее сообщество
Vitaliy Ponomarev
для состояний загрузки есть вариант с отдельным ui reducer, но я пока еще не тестировал на реальном достаточно крупном приложении.
ну и я в основном для мобилок пишу, не для веба.
🙏 спасибо
источник

S

SkyWalker in React — русскоговорящее сообщество
Юлия
Я согласна с вами, но в этом приложении это необходимость, а вы использовали нормализацию ? Где хранили loading, error ?
Мы на проекте используем react-query

Попробуйте, возможно Вам поможет
источник

S

SkyWalker in React — русскоговорящее сообщество
SkyWalker
Мы на проекте используем react-query

Попробуйте, возможно Вам поможет
Вот минимальный пример кода:

const { isLoading, error, data } = useQuery('fetchLuke', () =>
 axios('//swapi.dev/api/people/1/'))


Как можно видеть, с Loading/error совсем не нужно замарачиваться. Хук сам возвращает эти значения + данные кешируются, то есть существует так называемый стейт, данных, которые фетчатся
источник

Ю

Юлия in React — русскоговорящее сообщество
SkyWalker
Вот минимальный пример кода:

const { isLoading, error, data } = useQuery('fetchLuke', () =>
 axios('//swapi.dev/api/people/1/'))


Как можно видеть, с Loading/error совсем не нужно замарачиваться. Хук сам возвращает эти значения + данные кешируются, то есть существует так называемый стейт, данных, которые фетчатся
А не моветон делать запросы из компонентов ?
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
SkyWalker
Вот минимальный пример кода:

const { isLoading, error, data } = useQuery('fetchLuke', () =>
 axios('//swapi.dev/api/people/1/'))


Как можно видеть, с Loading/error совсем не нужно замарачиваться. Хук сам возвращает эти значения + данные кешируются, то есть существует так называемый стейт, данных, которые фетчатся
Ох уж эти прекрасные запросы во view
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Юлия
А не моветон делать запросы из компонентов ?
Подходит только для простых данных, которые особо не редактируются
источник

МГ

Мишки Гамми... in React — русскоговорящее сообщество
Тимофей 🛴
Ох уж эти прекрасные запросы во view
Любые запросы во вьюшках прекрасны, функциональная часть реакта плачет от счастья
источник

S

SkyWalker in React — русскоговорящее сообщество
Тимофей 🛴
Ох уж эти прекрасные запросы во view
Я же написал, что это минимальный пример. Вам лишь бы захейтить)
Все сетевые элементы кода инкапсулируется в отдельных директориях/классах/файлах/etc.
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
SkyWalker
Я же написал, что это минимальный пример. Вам лишь бы захейтить)
Все сетевые элементы кода инкапсулируется в отдельных директориях/классах/файлах/etc.
Все равно не ок
источник

S

SkyWalker in React — русскоговорящее сообщество
Тимофей 🛴
Все равно не ок
Как на проекте говорят, так и делаем

У нас есть отдельный класс-рест, в котором описаны гет/пост/патч/etc запросы. А потом в эти методы пробрасываются параметры и все. Делается это в отдельной директории api. А потом уже оттуда импортится функция, вызов которой возвращает дату
источник

МГ

Мишки Гамми... in React — русскоговорящее сообщество
Вопрос не в том, откуда и куда импортиться, а где/как/почему вызывается)
источник