Обучающие видео » Компьютерные видеоуроки и обучающие интерактивные DVD » Программирование (видеоуроки)
React Query: Server State Management in ReactГод выпуска: 2021
Производитель: Udemy
Сайт производителя:
https://www.udemy.com/course/learn-react-query/Автор: Bonnie Schulkin
Продолжительность: ~7h30m
Тип раздаваемого материала: Видеоклипы
Язык: Английский
Описание: React Query has become the go-to solution for server state management in React apps, and for good reason! This smart, comprehensive solution makes it easy to keep your app up-to-date with data on the server.
In fact, if you are using Redux simply to manage data from the server, React Query can replace Redux in your app. And, for server data management, React Query is much simpler and more powerful than Redux. For example, React Query: tracks loading and error states for your server queries (no need to manage that yourself!)
makes cached server data available for display while you're fetching updated data This course starts with a simple app to learn the basics of React Query version 3: queries
loading and error states
React Query dev tools
pagination and pre-fetching
mutations Then we take a detour with the Star Wars API to learn about Infinite Queries (getting more data just as the user has gotten near the end of the current data).
Finally, we work on a large, multi-component app to learn about the above in more detail, plus centralizing loading and error handling
filtering data
integrating React Query with auth
ways to keep data up to date after mutations, including optimistic updates
testing React Query Other notable course features:
pre-written projects to use as a backdrop for React Query, so there's no time wasted writing code not relevant to the course
ample opportunities to practice with periodic "code quizzes" to make sure you're understanding the concepts
visual models for complicated concepts to help understand all of the moving pieces
the major project is written in TypeScript
[spoiler="Содержание"]
Предпросмотр
06:00
Предпросмотр
03:02
Предпросмотр
05:38
Предпросмотр
07:46
Предпросмотр
07:02
React Query Dev Tools
04:56
staleTime vs cacheTime
06:32
Intro to Code Quizzes
02:33
Code Quiz! Create Query for Blog Comments
07:02
Query Keys
06:21
Pagination
06:05
Pre-fetching Data
06:49
isLoading vs isFetching
04:54
Intro to Mutations
03:50
Delete Post with useMutation
06:48
Code Quiz! Mutation to Update Post Title
04:00
Summary: React Query Basics
03:00
Introduction to Infinite Scroll
04:31
Code Quiz! Set up Infinite SWAPI for React Query
05:26
Intro to useInfiniteQuery
06:19
Infinite Scroll Diagram
04:31
Write useInfiniteQuery Call
05:09
InfiniteScroll Component
06:16
useInfiniteQuery Fetching and Error states
04:07
Code Quiz! Infinite Species
07:08
Summary: Infinite Scroll
02:53
Intro to Lazy Days Spa App
06:20
A Note on ESLint and Prettier Formatting
00:38
Lazy Days Spa App Code Orientation
05:42
Install and set up React Query
07:00
Custom Query Hook: useTreatments
06:16
Fallback Data
02:12
Centralized Fetching indicator with useIsFetching
04:42
onError Handler for useQuery
05:33
onError Default for Query Client
06:46
Code Quiz! Custom Hook for useStaff
04:49
Summary: Larger App Setup, Centralization, Custom Hooks
02:59
Adding Data to the Cache
04:15
Pre-Fetching Treatments (concepts)
05:10
Pre-Fetching Treatments (syntax)
05:22
Intro to useAppointments Custom Hook
10:46
useQuery for useAppointments
03:52
Query Keys as Dependency Arrays
06:20
Code Quiz! Pre-Fetch Appointments
07:24
Summary: Query Features I
03:25
Filtering Data with the useQuery select Option
08:15
Code Quiz! Selector for useStaff
05:57
Intro to Re-Fetch
05:59
Update Re-Fetch Options
05:14
Global Re-Fetch Options
05:35
Overriding Re-Fetch Defaults and Polling
04:52
Polling: Auto Re-Fetching at an Interval
04:37
Summary: Query Features II
01:11
Intro to React Query and Authentication
09:44
useAuth, useUser and useQuery
04:38
Integrate Auth with React Query
06:00
Persist User Data in localStorage
04:53
initialData from localStorage for useQuery
03:40
Dependent Queries: userAppointments
10:37
Query Client removeQueries method
03:17
Summary: React Query and Auth
02:20
Introduction to Mutations and Mutations Global Settings
04:31
Custom Mutation Hook: useReserveAppointments
06:17
OPTIONAL: TypeScript for `mutate` Function
04:02
Invalidating Query after Mutation
05:28
Query Key Prefixes
05:42
Code Quiz! Mutation to Cancel an Appointment
07:02
Update User and Query Cache with Mutation Response
09:33
Intro to Optimistic Updates in React Query
06:41
Making a Query "Cancel-able"
06:28
Writing Optimistic Update
12:26
Summary: Mutations
01:24
Intro to Testing React Query
02:08
Testing Setup, including Mock Service Worker
04:32
Query Client and Provider in Tests
09:04
Testing Rendered Query Data
03:20
Code Quiz! Test Rendered Staff Data
03:41
Testing Query Errors
11:13
Code Quiz! Staff Query Errors
04:20
Testing Mutations
08:26
Code Quiz! Test Cancel Appointment Mutation
04:23
Intro to Testing Custom Hooks
03:34
Test Appointments Filter
08:32
Code Quiz! Test Staff Filter
03:23
Summary: Testing React Query
02:52
Coupons!
00:16
[/spoiler]
Файлы примеров: присутствуют
Формат видео: MP4
Видео: AVC, 1920x1080, 16:9, 30fps, ~500kbps
Аудио: AAC, 44.1kHz, 62kbps, stereo
[spoiler="Скриншоты"]

[/spoiler]