Mô tả

React Query (còn được gọi là TanStack Query) đã trở thành giải pháp để quản lý server state trong các ứng dụng React giúp tối ưu performance và tăng trải nghiệm người dùng.
Trong thực tế, nếu bạn đang sử dụng Redux chỉ để quản lý dữ liệu từ máy chủ (server state), React Query có thể thay thế Redux trong việc này.  Và để quản lý server state, React Query là một thư viện đơn giản và mạnh mẽ hơn nhiều so với Redux. Ví dụ: Truy vấn phản ứng: Theo dõi các trạng thái của việc call api (không cần phải tự quản lý điều đó!). Cung cấp server state được lưu trong bộ nhớ cache để hiển thị tạm thời trong khi bạn gọi lại api mới.

Khóa học React query thực chiến siêu dễ 2023 (TanStack Query) PRO sẽ giúp bạn cùng hiểu hơn về những kiến thức trong React Query phiên bản latest thông qua một project đơn giản. 

Nhanh tay đăng ký khoá học để nhận ưu đãi từ Unica nhé!

Bạn sẽ học được gì

Biết cách tối ưu performance và tăng độ trải nghiệm người dùng

Biết cách xử lý access_token và refresh_token trong react query

Thành thạo sử dụng react query để quản lý các server state

Biết cách sử dụng react query lastest version, mutations và nắm rõ cơ chế cache

Sử dụng React query để phân trang, load infinite data, tối ưu trải nghiệm người dùng

Nắm rõ các hooks như: useQueries, useQuery và những kiến thức quan trọng khác...

Yêu cầu

Nội dung khoá học

9 sections

Phần 1: Giới thiệu React Query

3 lectures
Bài 1: React Query là gì? Tại sao phải dùng nó?Học thử
00:07:43
Bài 2: Cái khái niệm cơ bản trong React QueryHọc thử
00:04:17
Bài 3: Fetch Api với React Query cơ bản.Học thử
00:11:00

Phần 2: Setup dự án

2 lectures
Bài 4: Hướng dẫn lấy dự án có sẵn và set up cho dự án
00:07:50
Bài 5: Setup react query và dùng useQuery để fetch api cơ bản
00:10:31

Phần 3: Tìm hiểu về queries

14 lectures
Bài 6: Tích hợp react query devtools
00:04:51
Bài 7: Handle errors trong react query
00:06:27
Bài 8: Refetch là gì? Refetch default trong React query
00:13:13
Bài 9: Cachetime là gì? Cơ chế ra sao?
00:06:47
Bài 10: Staletime là gì? Cơ chế ra sao?
00:06:20
Bài 11: Dependence trong react query
00:05:13
Bài 12: Callback trong react query
00:04:24
Bài 13: InitialData trong react query
00:02:59
Bài 14: PlaceholderData trong React query? So sánh InitialData và PlaceholderData.
00:03:13
Bài 15: Transformation data trong react query
00:03:57
Bài 16: Custom query hook
00:04:52
Bài 17: Query by id
00:16:51
Bài 18: Panigated với react query
00:14:16
Bài 19: Tối ưu performance và tăng trải nghiệm người dùng trong panigated
00:06:46

Phần 4: Use Infinite Query, use Queries

3 lectures
Bài 20: Tìm hiểu về useInfiniteQuery trong React query
00:24:35
Bài 21: Khi nào nên sử dụng useQuery, useInfiniteQuery
00:16:07
Bài 22: Tìm hiểu useQueries. Khi nào nên sử dụng
00:18:11

Phần 5: Use QueryClient

2 lectures
Bài 23: useQueryClient là gì? Sử dụng khi nào?
00:09:25
Bài 24: Tips dùng useQueryClient để tối ưu trải nghiệm người dùng ở trang details
00:10:01

Phần 6: Use Mutation

3 lectures
Bài 25: Tạo bài post với phương thức POST bằng useMutation và tối ưu perfomance.
00:17:00
Bài 26: Thực hiện tính năng xóa với react query bằng phương thức DELETE
00:10:34
Bài 27: Thực hiện tính năng update với phương thức PATCH
00:12:51

Phần 7: Invalidate Queries, Prefetching, Cancel Queries trong React Query

3 lectures
Bài 28: InvalidateQueries trong React query
00:08:44
Bài 29: Prefeching trong react query
00:06:28
Bài 30: CancelQueries trong react query
00:10:59

Phần 8: UselsFetching, uselsMutating

2 lectures
Bài 31: UseIsFetching trong react query
00:02:31
Bài 32: UseIsMutating trong react query
00:02:17

Phần 9: Xử lý JWT

1 lectures
Bài 33: Cách xử lý access_token và refresh_token
00:12:44

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.