Khóa Học React Query Thực Chiến Siêu Dễ (tanstack Query) Pro

Chia Sẻ Khóa học React query thực chiến siêu dễ 2023 (TanStack Query) PRO

Giới thiệu khóa học

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ọcReact query thực chiến siêu dễ 2023 (TanStack Query) PROsẽ 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ừ Khoahocgiahoi 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...

Nội dung khóa học

9 Phần • bài giảng • 05 giờ 03 phút

Phần 1: Giới thiệu React Query (3 bài học)

Bài 1: React Query là gì? Tại sao phải dùng nó? (00:07:43)

Bài 2: Cái khái niệm cơ bản trong React Query (00:04:17)

Bài 3: Fetch Api với React Query cơ bản. (00:11:00)

Phần 2: Setup dự án (2 bài học)

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 bài học)

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 bài học)

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 bài học)

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 bài học)

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 bài học)

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 bài học)

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 bài học)

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