React Query: следующая большая библиотека? [ru] / Антон Худяков

Видео с онлайн-конференции JavaScript fwdays'21, которая прошла с 1-8 июня 2021 года.
Описание доклада:
React Query - это коллекция хуков для получения, кэширование и обновления асинхронного Стейт в React. Это простой и небольшой API, который можно использовать сразу, с нулевой конфигурацией.
Эта библиотека является протокол агностическая, это означает, что мы можем использовать REST или GraphQL, и она поддерживает такие вещи, как автоматическое кэширование и рефетчинг из коробки.
React Query поддерживает глобальный кэш для всех запросов GET. После получения данных с сервера React Query отслеживает такие аспекты, как время кэширования.
Стоит ли нам прекратить использование Redux или MobX? Следует немедленно добавлять React Query ко всем нашим проектам? Я с нетерпением жду, чтобы ответить на эти и многие другие вопросы во время моего доклада.
Дополнительные материалы: gitlab.com/lec...
Страница доклада:
fwdays.com/eve...
Больше докладов и видео по теме конференции:
fwdays.com/eve...
Fwdays более 10 лет занимается организацией масштабных конференций для разработчиков таких направлений: JavaScript, .Net, Python, Data Science, PHP, QA, Highload, Architecture, DevOps, Databases.
Больше информации про актуальные события:
fwdays.com/events
Подписывайтесь, чтобы первыми узнавать про старт продаж билетов по самой выгодной цене:
Facebook: / fwdays
Twitter: / jsfwdays
Telegram: t.me/jsfwdays

[@s9219871110]

По докладу: это божественно! Очень нужно, на русском почти нет, пример кода - великолепный, с самыми популярными юзкейсами.
А вот гражданам, придумавшим людоедский тайминг и не давшим закончить Антону, хотелось бы пожелать низких зарплат и невкусной еды. Того же самого и ящерам, которые задавли тупые вопросы, сожравшие часть времени докладчика.

[@pavloskuibida6292]

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

[@fadilmamedov2844]

Отличный доклад! Большое спасибо!

[@VitalyLiber]

Крутой доклад 👌

[@imperror555]

Интересный подход, но слишком маленький размер шрифта

[@antonanton22743]

Всем привет, примеры Лектрума из этого видео в описании

[@batazor]

Презентация огонь)

[@mdevmdevich1367]

крутой доклад и девушка огонь)

[@viktopxio3739]

Спасибо за доклад! А можно где-то взять код из примера?

[@antonanton22743]

Извините что поздно ответил, пытался кинуть полную ссылку, но youtube удалял комментарий

[@viktopxio3739]

@@antonanton22743 Понял, спасибо. Может есть возможность добавить ссылку в описание ролика? Или просто добавить репозиторий та Ваш гитхаб аккаунт, который указан в описании на странице доклада

[@antonanton22743]

@@viktopxio3739 Добавили ссылку на примеры Лектрума в описание

[@viktopxio3739]

@@antonanton22743 Благодарю!

[@gffftxxx]

не могу понять логики в примере с реакт хуками
внутри useTodoById
```
const todoById = await api.fetchTodoById(todoId);
console.log('refetch ~ todoById', todoById);
if (!todoById) {
navigate('/', { replace: true });
return null;
}
```
блок if - когда должен отрабатывать?!
логично navigate('/', { replace: true }) - было поместить внутрь catch тогда когда нет такого id (404 статус) редиректнуть на root

[@alexanderkazakov1745]

Думаю, что тут api запрос возвращает 200 с null. Все ради нас слушателей и легкой усваимости примера ;-)

[@pashius2010]

Как быть с авторизацией пользователя используя React Query?

[@fadilmamedov2844]

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

[@pashius2010]

@@fadilmamedov2844 поделитесь информацией как это сделать на React используя jwt?

[@fadilmamedov2844]

@@pashius2010 Извините, я не очень понимаю в чем у вас возникают сложности. Можете поподробнее рассказать?

[@Alexeymtv]

Как-то странно получается. Докладчик хвалит react-query, а на проде использует только redux.(за видос конечно лайк)