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
React Query стал идеальным решением для управления состоянием сервера в приложениях React, и не зря! Это интеллектуальное комплексное решение позволяет легко поддерживать ваше приложение в актуальном состоянии с данными на сервере. Фактически, если вы используете Redux просто для управления данными с сервера, React Query может заменить Redux в вашем приложении. А для управления данными сервера React Query намного проще и мощнее, чем Redux.
Например, React Query:
- отслеживает загрузку и состояние ошибок для запросов к серверу (нет необходимости управлять этим самостоятельно!);
- делает кешированные данные сервера доступными для отображения, пока вы получаете обновленные данные.
Этот курс начинается с простого приложения, чтобы изучить основы React Query:
- запросы;
- состояния загрузки и ошибки;
- Инструменты разработчика React Query;
- разбивка на страницы и предварительная выборка;
- мутации.
Затем мы воспользуемся API Звездных войн, чтобы узнать о бесконечных запросах (получение дополнительных данных, когда пользователь приблизился к концу текущих данных).
Наконец, мы работаем над большим многокомпонентным приложением, чтобы узнать о вышеперечисленном более подробно, а также
- централизация загрузки и обработки ошибок;
- фильтрация данных;
- интеграция React Query с auth;
- способы поддерживать данные в актуальном состоянии после мутаций, включая оптимистичные обновления;
- тестирование React Query.
Другие примечательные особенности курса:
- предварительно написанные проекты для использования в качестве фона для React Query, чтобы не тратить время на написание кода, не относящегося к курсу;
- широкие возможности для практики с периодическими "тестами по коду", чтобы убедиться, что вы понимаете концепции;
- визуальные модели для сложных концепций, чтобы помочь понять все движущиеся части;
- основной проект написан на TypeScript.
Приходите посмотреть, о чем идет речь, и улучшите свои приложения с помощью более простого и мощного управления состоянием сервера!
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
-
Урок 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.