Trang chủ

Development

Mobile Development

React Native

Khóa học React Query - Tanstack query quản lý server state

Loại khoá học: Mobile Development

Khóa học React Query - Tanstack query server state management - Lập trình thật dễ

50.000 VND

30 VND

Đầy Đủ Bài Giảng

Học Online Tiện Lợi

Kích Hoạt Nhanh 2-5 Phút

Thanh toán tự động

Được phép tải xuống

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 này chúng ta sẽ cùng nhau học thông qua một project đơn giản để có thể hiểu hơn về những kiến thức trong React Query phiên bản latest:

Queries
Cache and staleTime,...
Loading and error state khi gọi api.
React Query dev tools
Mutations trong react query
Dependence trong react query
callback trong react query
InitialData trong react query
PlaceholderData trong react query
Transformation trong react query
Custom query hook trong react query
Pagination với react query
UseInfiniteQuery trong React query
UseQueries trong React query
UseQueryClient trong React query
UseMutation trong react query
InvalidateQueries trong react query
Prefetching trong react query
cancelQueries trong react query
UseIsFetching trong react query
UseIsMutating trong react query
Cách tối ưu performance và tăng trải nghiệm người dùng
Cách làm việc với token trong React query

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

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

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

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

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

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

Yêu cầu

Hiểu cơ bản về ReactJS
Hiểu cơ bản về javascript, đặc biệt async, await, promise trong javascript

Nội dung khoá học

9 sections

Giới thiệu

3 lectures

React query là gì? Tại sao phải dùng nó

07:43

Các khái niệm cơ bản trong react query

04:17

Fetch api với react query cơ bản

11:00

Set up dự án

2 lectures

Hướng dẫn lấy dự án có sẵn và set up cho dự án

07:50

Setup react query và dùng useQuery để fetch api cơ bản

10:31

Tìm hiểu về queries

14 lectures

Tích hợp react query devtools