✨ Trọn bộ 2.000+ khóa học — Truy cập trọn đời, cập nhật miễn phí, chỉ 599KXem ngay
Danh mục khóa học
Xem tất cả khóa học
Frontend

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

Được học viên quan tâm

Thông tin khóa học

Danh mục
Frontend, Lập trình Web
Nội dung
33 Bài Giảng
Quyền truy cập
Trọn đời
Tài nguyên
1 thư mục Google Drive
0 học viên đã mua Đang sẵn sàng Bảo hành link trọn đời
Nội dung chi tiết

Mô tả khóa học

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)

Deal Banner

🔥 Đặc Quyền VIP: Nhận Ngay Toàn Bộ Kho Tàng Tri Thức Tại Khóa Học Giá Hời Chỉ Với 1 Lần Mua!

  • Chỉ 599K (Giá cũ: 1.200K) - Nhận ngay quyền truy cập học toàn bộ website khoahocgiahoi.com
  • Với hơn 2000+ khóa học online ở đa lĩnh vực, đa kỹ năng, update mới nhất hiện nay
  • Cùng kho tàng hơn 1000+ đầu sách hay nhất mọi thời đại
  • Tặng kèm kho tài nguyên thực chiến cực hấp dẫn: Font Collection, Meme, Sound Effect, Background, công cụ AI, phần mềm và tài liệu hỗ trợ sáng tạo nội dung
  • Chỉ thanh toán 1 lần duy nhất
  • Quyền học trọn đời, không giới hạn truy cập
  • Được cập nhật khóa học mới miễn phí thường xuyên
  • Nội dung học tập hiệu quả, chất lượng cao, update mới nhất
  • Truy cập học trên mọi thiết bị: máy tính, laptop, điện thoại,...
  • Cam kết bảo hành tài liệu học và quyền học trọn đời
  • Hỗ trợ nhiệt tình, nhanh chóng
  • Chương trình ưu đãi áp dụng với 20 bạn học đăng ký sớm nhất!
  • Số lượng còn lại: 3 slots