Tin mới nhất

Menu

Khóa Học Làm Chủ React State Management (Redux Toolkit, React Query Và Redux Saga) [Tiếng Việt] [Khóa 9370 V]

Tất cả trong một để Quản Lý State của ứng dụng React một cách hiệu quả.

Những gì bạn sẽ học được:

  • ✓ Học & hiểu tư duy đứng sau việc quản lý State của các ứng dụng React.
  • ✓ Nắm vững và thành thạo Redux thuần, cũng như Redux Toolkit.
  • ✓ Hiểu lý do dùng Redux Thunk, Redux Saga Middleware.
  • ✓ Quản lý Server State với React Query.

React State Management là cách chúng ta quản lý "global state" trong ứng dụng React. Cụ thể hơn, có hai khía cạnh chúng ta quan tâm:

  • ✓ Một là cách chia sẻ data giữa các components không có mối quan hệ với nhau.
  • ✓ Hai là cách Fetching và Create/Update/Delete (mutate) data một cách hiệu quả (có xử lý caching data).

Các nội dung trọng tâm trong khóa học này:

1. Để chia sẻ data giữa các component, sử dụng Redux Toolkit, bao gồm:

  • ✓ Cài đặt Redux cho ứng dụng React.JS (setup với React Vite và Typescript).
  • ✓ Hiểu cách hoạt động và sử dụng Redux hiện đại với Redux Toolkit và các hook useDispatch, useSelector (React Hook).
  • ✓ Persist data khi refresh (F5) với redux-persist.
  • ✓ Sử dụng Redux-thunk để xử lý async logic (get/post/put/delete data).

Khi kết thúc khóa học này, các bạn mới bắt đầu sẽ hiểu được data Flow của Redux. Điều quan trọng ở đây chính là việc chúng ta luyện cách tư duy, hiểu cách thư viện Redux nó hoạt động.

Làm được điều này, thì cho dù chúng ta vào công ty nào, sử dụng công nghệ gì (Redux thuần, Redux Tookit, Redux với Class component, Redux với Hook) thì chúng ta đều tự tin và có thể làm chủ được công nghệ.

2. Để Fetching/Mutate data, sử dụng React Query, bao gồm:

  • ✓ useQuery Hook để fetching data.
  • ✓ useMutation để mutate (create/update/delete) data.
  • ✓ revalidate data (cache).

Ngoài ra, chúng ta sẽ cùng nhau đi phân tích những ưu, nhược điểm của Redux Toolkit/React Query khi sử dụng React ở phía server (với Next.js).

3. Khi ứng dụng React sử dụng Redux cần handle nhiều Async Request, chúng ta có thể sử dụng Redux Saga (middleware thay vì Redux-thunk):

  • ✓ generator functon*.
  • ✓ Mô hình watcher/worker của Saga.

Nếu bạn là người mới bắt đầu, muốn học, hiểu, và làm chủ hoàn toàn React's State, thì đây chính là khóa học các bạn tìm kiếm.

Hi vọng các bạn sẽ học được nhiều điều hữu ích từ khóa học này, phục vụ đắc lực cho việc trở thành một FrontEnd Developer một cách toàn diện.

Khóa học này dành cho ai:

  • ✓ Các bạn Beginner muốn học và nắm vững Redux.
  • ✓ Có nhu cầu về quản lý client state/server state trong ứng dụng React.


NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU




Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.
Tuyên bố miễn trừ bản quyền:
Trang web này không lưu trữ bất kỳ tệp nào trên máy chủ của nó. Chúng tôi chỉ lập chỉ mục và liên kết đến nội dung được cung cấp bởi các trang web khác. Vui lòng liên hệ với các nhà cung cấp nội dung để xóa nội dung bản quyền nếu có và gửi email cho chúng tôi, chúng tôi sẽ xóa các liên kết hoặc nội dung có liên quan ngay lập tức.

Chia sẽ bài viết lên:

Nhà Sách Tin Học

Chào mừng các bạn đến với Blog Nhà Sách Tin Học. Thông qua Blog này mình muốn chia sẻ đến các bạn những kiến thức về tin học, các tài liệu hay giáo trình mà mình có hoặc siêu tầm được... Mình rất mong được sự ủng hộ nhiệt tình của các bạn bằng cách comment bài viết, chia sẻ bài viết hoặc liên hệ với mình qua blog này! Mình xin cảm ơn!

No Comment to " Khóa Học Làm Chủ React State Management (Redux Toolkit, React Query Và Redux Saga) [Tiếng Việt] [Khóa 9370 V] "

  • To add an Emoticons Show Icons
  • To add code Use [pre]code here[/pre]
  • To add an Image Use [img]IMAGE-URL-HERE[/img]
  • To add Youtube video just paste a video link like http://www.youtube.com/watch?v=0x_gnfpL3RM