udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
React Query: Управление Состоянием Сервера в React
React Query: Server State Management in React
★4.8 (всего оценок - 38)
Продолжительность
7 ч 39 мин
Категория
React.jsКоличество уроков
83 Видео
Дата добавления
18 авг. 2021 г., 17:42
Язык
Английский
Дата выхода
5 авг. 2021 г., 03:00
Дата обновления
29 апр. 2026 г., 12:49
React Query — это мощный инструмент для управления состоянием сервера, который значительно упрощает работу с данными, улучшает производительность и избавляет от громоздких решений.
Что такое React Query и почему он так популярен
React Query обеспечивает удобное и эффективное управление данными, получаемыми с сервера, устраняя необходимость в ручной обработке кеширования, ошибок и состояний загрузки. Если вы используете Redux исключительно ради серверных данных — React Query способен полностью заменить его и сделать это проще и прозрачнее.
Ключевые преимущества React Query
- автоматическое отслеживание состояний загрузки и ошибок;
- кеширование и мгновенное отображение данных без лишних запросов;
- встроенные инструменты разработчика для удобной отладки;
- механизмы фоновой синхронизации данных;
- улучшенная производительность UI за счет оптимизации работы с сервером.
Основные темы курса
Курс начинается с простого приложения, где вы шаг за шагом изучаете ключевые возможности React Query.
Базовые концепции
- выполнение запросов (queries);
- обработка состояний загрузки и ошибок;
- использование React Query Devtools;
- разбивка данных на страницы и предварительная выборка (prefetching);
- мутации и обновление данных.
Работа с реальными API
На примере API «Звёздных войн» вы научитесь работать с бесконечными запросами (infinite queries), которые загружают дополнительные данные при прокрутке.
Продвинутые возможности
В финальной части курса создается многостраничное приложение, в котором подробно разбираются:
- централизованная обработка загрузки и ошибок;
- фильтрация и сортировка данных;
- интеграция React Query с системой аутентификации;
- актуализация данных после мутаций, включая оптимистичные обновления;
- тестирование запросов и мутаций.
Особенности курса
- готовые проекты, чтобы вы могли сосредоточиться только на изучении React Query;
- регулярные практические мини‑тесты для закрепления материала;
- понятные визуальные схемы для сложных концепций;
- основной проект на TypeScript, полезный для современных приложений;
- плавное увеличение сложности — от базовых примеров к реальным кейсам.
Кому подойдет этот курс
Курс будет полезен:
- React‑разработчикам, желающим отказаться от лишней логики в Redux;
- тем, кто хочет улучшить производительность и стабильность приложений;
- разработчикам, стремящимся к современным и оптимизированным подходам работы с сервером.
Почему стоит пройти этот курс
Вы не просто изучите библиотеку — вы освоите подход к работе с серверными данными, который масштабируется, сокращает код и улучшает UX ваших приложений. React Query изменит то, как вы работаете с данными в React — навсегда.
Присоединяйтесь к курсу и сделайте свои приложения быстрее, проще и надежнее!
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:06:01Introduction to React Query
- Урок 2. 00:03:03Introduction to this Course
- Урок 3. 00:05:39First project: Blog-em Ipsum
- Урок 4. 00:07:47Creating Queries with useQuery
- Урок 5. 00:07:03Handling Loading and Error States
- Урок 6. 00:04:57React Query Dev Tools
- Урок 7. 00:06:33staleTime vs cacheTime
- Урок 8. 00:02:34Intro to Code Quizzes
- Урок 9. 00:07:03Code Quiz! Create Query for Blog Comments
- Урок 10. 00:06:23Query Keys
- Урок 11. 00:06:06Pagination
- Урок 12. 00:06:50Pre-fetching Data
- Урок 13. 00:04:55isLoading vs isFetching
- Урок 14. 00:03:51Intro to Mutations
- Урок 15. 00:06:49Delete Post with useMutation
- Урок 16. 00:04:02Code Quiz! Mutation to Update Post Title
- Урок 17. 00:03:01Summary: React Query Basics
- Урок 18. 00:04:32Introduction to Infinite Scroll
- Урок 19. 00:05:27Code Quiz! Set up Infinite SWAPI for React Query
- Урок 20. 00:06:20Intro to useInfiniteQuery
- Урок 21. 00:04:32Infinite Scroll Diagram
- Урок 22. 00:05:10Write useInfiniteQuery Call
- Урок 23. 00:06:18InfiniteScroll Component
- Урок 24. 00:04:08useInfiniteQuery Fetching and Error states
- Урок 25. 00:07:09Code Quiz! Infinite Species
- Урок 26. 00:02:54Summary: Infinite Scroll
- Урок 27. 00:06:22Intro to Lazy Days Spa App
- Урок 28. 00:05:43Lazy Days Spa App Code Orientation
- Урок 29. 00:07:01Install and set up React Query
- Урок 30. 00:06:17Custom Query Hook: useTreatments
- Урок 31. 00:02:13Fallback Data
- Урок 32. 00:04:25Centralized Fetching indicator with useIsFetching
- Урок 33. 00:06:45onError Handler for useQuery
- Урок 34. 00:06:40onError Default for Query Client
- Урок 35. 00:04:50Code Quiz! Custom Hook for useStaff
- Урок 36. 00:03:00Summary: Larger App Setup, Centralization, Custom Hooks
- Урок 37. 00:04:16Adding Data to the Cache
- Урок 38. 00:05:11Pre-Fetching Treatments (concepts)
- Урок 39. 00:05:23Pre-Fetching Treatments (syntax)
- Урок 40. 00:10:47Intro to useAppointments Custom Hook
- Урок 41. 00:03:53useQuery for useAppointments
- Урок 42. 00:06:22Query Keys as Dependency Arrays
- Урок 43. 00:07:25Code Quiz! Pre-Fetch Appointments
- Урок 44. 00:03:26Summary: Query Features I
- Урок 45. 00:08:16Filtering Data with the useQuery select Option
- Урок 46. 00:05:58Code Quiz! Selector for useStaff
- Урок 47. 00:06:00Intro to Re-Fetch
- Урок 48. 00:05:15Update Re-Fetch Options
- Урок 49. 00:05:36Global Re-Fetch Options
- Урок 50. 00:04:53Overriding Re-Fetch Defaults and Polling
- Урок 51. 00:04:11Polling: Auto Re-Fetching at an Interval
- Урок 52. 00:01:13Summary: Query Features II
- Урок 53. 00:08:31Intro to React Query and Authentication
- Урок 54. 00:04:47Intro to useAuth and useUser
- Урок 55. 00:07:13Dependent Query in useUser
- Урок 56. 00:09:13Code Quiz! Dependent Query in useUserAppointments
- Урок 57. 00:06:12Adding User Data to Query Cache
- Урок 58. 00:04:55Removing User Appointments Data on Signout
- Урок 59. 00:02:57Summary: React Query and Authentication
- Урок 60. 00:00:00Introduction to Mutations and Mutations Global Settings
- Урок 61. 00:06:18Custom Mutation Hook: useReserveAppointments
- Урок 62. 00:04:04OPTIONAL: TypeScript for `mutate` Function
- Урок 63. 00:05:29Invalidating Query after Mutation
- Урок 64. 00:05:44Query Key Prefixes
- Урок 65. 00:07:03Code Quiz! Mutation to Cancel an Appointment
- Урок 66. 00:09:34Update User and Query Cache with Mutation Response
- Урок 67. 00:06:42Intro to Optimistic Updates in React Query
- Урок 68. 00:07:28Making a Query "Cancel-able"
- Урок 69. 00:12:27Writing Optimistic Update
- Урок 70. 00:01:25Summary: Mutations
- Урок 71. 00:02:09Intro to Testing React Query
- Урок 72. 00:04:33Testing Setup, including Mock Service Worker
- Урок 73. 00:09:05Query Client and Provider in Tests
- Урок 74. 00:03:21Testing Rendered Query Data
- Урок 75. 00:03:43Code Quiz! Test Rendered Staff Data
- Урок 76. 00:11:14Testing Query Errors
- Урок 77. 00:04:21Code Quiz! Staff Query Errors
- Урок 78. 00:08:28Testing Mutations
- Урок 79. 00:04:24Code Quiz! Test Cancel Appointment Mutation
- Урок 80. 00:03:36Intro to Testing Custom Hooks
- Урок 81. 00:08:08Test Appointments Filter
- Урок 82. 00:03:24Code Quiz! Test Staff Filter
- Урок 83. 00:02:53Summary: Testing React Query
Автор - udemy
Комментарии
Update please.