Курс React Query (Tanstack query) для начинающих, где мы разберемся как работает популярная библиотека для управления состоянием данных в React-приложениях. Мы научимся интегрировать React Query в приложение, а также изучим основной функционал библиотеки, который включает создание запросов, мутаций, обновление данных в кэше и многие другие.
00:00:00 - 01. Приветствие
00:01:44 - 02. Структура проекта и установка
00:03:53 - 03. Подключение модуля в файле main
00:05:36 - 04. Начало работы - хук useQuery
00:12:08 - 05. Хук useMutation
00:15:50 - 06. Подключение ReactQueryDevTools
00:17:20 - 07. Свойство onSuccess00:19:53 - 08. Свойство queryKey
00:22:36 - 09. Подключаем json-server
00:25:42 - 10. Cars API - получаем список машин
00:30:43 - 11. Cars API - получаем машину по id00:31:09 - 12. Компонент Car (отображаем машину)
00:35:55 - 13. Dealers API - получаем авто дилера по id00:39:36 - 14. Отображаем информацию о дилере00:40:51 - 15. Форма создания машины
00:44:22 - 16. Получаем данные из формы
00:46:35 - 17. Мутация создания машины
00:49:31 - 18. Состояние isPending & isError в компоненте00:50:53 - 19. Автоматическое открытие страницы машины после создания00:54:25 - 20. setQueryData
Репозиторий проекта: https://t.me/stackdevru/93
Telegram: https://t.me/stackdevru
Обучение: https://stackdev.ru