Size: a a a

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

2021 March 28

🐟🐠

🐟Andrey 🐠Lukin in React — русскоговорящее сообщество
Какого функционала не хватает?
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
🐟Andrey 🐠Lukin
Какого функционала не хватает?
Описывать асинхронные последовательности в декларативном стиле
источник

🐟🐠

🐟Andrey 🐠Lukin in React — русскоговорящее сообщество
Dmitriy Shuleshov
Описывать асинхронные последовательности в декларативном стиле
Перефразирую.
Какую практическую задачу вы не можете решить с react-query
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
🐟Andrey 🐠Lukin
Перефразирую.
Какую практическую задачу вы не можете решить с react-query
с костылями все можно решить
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
тут вопрос больше о лаконичности решения
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
🐟Andrey 🐠Lukin
Перефразирую.
Какую практическую задачу вы не можете решить с react-query
Выполни сайд эффект до 10 раз если после каждой попытки бросается ошибка

Ветка 1. В случае успеха, возьми данные и преобразуй и выполни два параллельных сайд эффекта, отреагируй на первый успешный

Ветка 2 В случае успеха, но не с первого раза выполни тоже самое что и в ветке 1 + доп сайд эффект

Ветка 3 В случае ошибки
источник

d

dJ ebAn in React — русскоговорящее сообщество
Слушайте, нарисовал кастомную модалку без зависимостей, всё вроде бы хорошо, но возникла проблема из неожиданного места:
При анмаунте модалки у меня стоит транзишн. Всё юиксово, прекрасно, плавно закрывается, но сам контент пропадает резко, т.к. isOpened нюхает как раз наличие контента для модалки. То есть: контент для модалки есть? Показываем.
Вопрос: можно ли как-то притормозить перерисовку контента на крошечные 500мс? Именно при анмаунте. Какие для этого кейса вообще решения есть кроме библиотек?
источник

J

Jora in React — русскоговорящее сообщество
всем привет) не подскажете как исправить, первый раз вижу такое, спасибо)
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Dmitriy Shuleshov
Выполни сайд эффект до 10 раз если после каждой попытки бросается ошибка

Ветка 1. В случае успеха, возьми данные и преобразуй и выполни два параллельных сайд эффекта, отреагируй на первый успешный

Ветка 2 В случае успеха, но не с первого раза выполни тоже самое что и в ветке 1 + доп сайд эффект

Ветка 3 В случае ошибки
Вот описал кейс который решал на позапрошлой неделе и это обычная админка с крудами, ничего сверхестественного
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
dJ ebAn
Слушайте, нарисовал кастомную модалку без зависимостей, всё вроде бы хорошо, но возникла проблема из неожиданного места:
При анмаунте модалки у меня стоит транзишн. Всё юиксово, прекрасно, плавно закрывается, но сам контент пропадает резко, т.к. isOpened нюхает как раз наличие контента для модалки. То есть: контент для модалки есть? Показываем.
Вопрос: можно ли как-то притормозить перерисовку контента на крошечные 500мс? Именно при анмаунте. Какие для этого кейса вообще решения есть кроме библиотек?
Не анмаунтить пока не сработает transitionend

Но пссс по секрету ты все равно сделаешь велосипед слегка напоминающий либы
источник

🐟🐠

🐟Andrey 🐠Lukin in React — русскоговорящее сообщество
Dmitriy Shuleshov
Выполни сайд эффект до 10 раз если после каждой попытки бросается ошибка

Ветка 1. В случае успеха, возьми данные и преобразуй и выполни два параллельных сайд эффекта, отреагируй на первый успешный

Ветка 2 В случае успеха, но не с первого раза выполни тоже самое что и в ветке 1 + доп сайд эффект

Ветка 3 В случае ошибки
Юз квери можно задать количество ретраев, передавать колбеки на успехи/провалы, задавать условия по которым она будет вызваться, не будет вызываться и она возвращает не только данные или ошибки но и метадату с количеством провальных попыток.

Не вижу никаких сложностей сделать то же это в react-query
источник

🐟🐠

🐟Andrey 🐠Lukin in React — русскоговорящее сообщество
Хотя могу быть не прав в чем то я чисто доку пролистал сейчас
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
🐟Andrey 🐠Lukin
Юз квери можно задать количество ретраев, передавать колбеки на успехи/провалы, задавать условия по которым она будет вызваться, не будет вызываться и она возвращает не только данные или ошибки но и метадату с количеством провальных попыток.

Не вижу никаких сложностей сделать то же это в react-query
А теперь маленькая ложка дегтя, это все будет в рендере.

И в итоге мы получаем все проблемы восходящие к lift state up подходу
источник

d

dJ ebAn in React — русскоговорящее сообщество
Dmitriy Shuleshov
Не анмаунтить пока не сработает transitionend

Но пссс по секрету ты все равно сделаешь велосипед слегка напоминающий либы
Ну, безусловно, наличие транзишна и портала в body уже звучит как велосипед. Но есть ситуации, когда ант не любишь, а материал css-in-js. Фу.
Подскажи, пожалуйста, как можно не анмаунтить до транзишнэнда?
источник

🐟🐠

🐟Andrey 🐠Lukin in React — русскоговорящее сообщество
Dmitriy Shuleshov
А теперь маленькая ложка дегтя, это все будет в рендере.

И в итоге мы получаем все проблемы восходящие к lift state up подходу
Что значит в рендере?
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Dmitriy Shuleshov
А теперь маленькая ложка дегтя, это все будет в рендере.

И в итоге мы получаем все проблемы восходящие к lift state up подходу
кстати интересно как себя ведет react query если компонент андмаунтится но он еще не завершил свои асинхронные операции с теми же ретраями
источник

d

dJ ebAn in React — русскоговорящее сообщество
Dmitriy Shuleshov
Не анмаунтить пока не сработает transitionend

Но пссс по секрету ты все равно сделаешь велосипед слегка напоминающий либы
Возможно, кстати, ты не понял меня. У меня children прибивается в том месте, где я вызвал эту модалку.
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Maxim Koylo
кстати интересно как себя ведет react query если компонент андмаунтится но он еще не завершил свои асинхронные операции с теми же ретраями
Предположи🌚
источник

О

Орынбай in React — русскоговорящее сообщество
Green Orange
Возможно, в какой-то момент после перезагрузки isAuth == false?
Ну оно сначала false, а потом в Апп делается диспатч на isAuth
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Dmitriy Shuleshov
Предположи🌚
ну тут два варианта)
источник