React Query: следующая большая библиотека? [ru] / Антон Худяков
HTML-код
- Опубликовано: 25 авг 2024
- Видео с онлайн-конференции 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
По докладу: это божественно! Очень нужно, на русском почти нет, пример кода - великолепный, с самыми популярными юзкейсами.
А вот гражданам, придумавшим людоедский тайминг и не давшим закончить Антону, хотелось бы пожелать низких зарплат и невкусной еды. Того же самого и ящерам, которые задавли тупые вопросы, сожравшие часть времени докладчика.
Спасибо за доклад, последние слова о том что это не замена редаксу, а прекрасное дополнение к нему - это то что я хотел услышать.
Отличный доклад! Большое спасибо!
Крутой доклад 👌
Интересный подход, но слишком маленький размер шрифта
Всем привет, примеры Лектрума из этого видео в описании
Презентация огонь)
крутой доклад и девушка огонь)
Спасибо за доклад! А можно где-то взять код из примера?
Извините что поздно ответил, пытался кинуть полную ссылку, но youtube удалял комментарий
@@antonanton22743 Понял, спасибо. Может есть возможность добавить ссылку в описание ролика? Или просто добавить репозиторий та Ваш гитхаб аккаунт, который указан в описании на странице доклада
@@viktopxio3739 Добавили ссылку на примеры Лектрума в описание
@@antonanton22743 Благодарю!
не могу понять логики в примере с реакт хуками
внутри 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
Думаю, что тут api запрос возвращает 200 с null. Все ради нас слушателей и легкой усваимости примера ;-)
Как быть с авторизацией пользователя используя React Query?
React Query вообще ничего не знает про то, как вы делаете запросы, поэтому авторизация будет работать так же, как и без него
@@fadilmamedov2844 поделитесь информацией как это сделать на React используя jwt?
@@pashius2010 Извините, я не очень понимаю в чем у вас возникают сложности. Можете поподробнее рассказать?
Как-то странно получается. Докладчик хвалит react-query, а на проде использует только redux.(за видос конечно лайк)