Quản Lý Trạng Thái Của ReactJS

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

React State Manager là công cụ giúp chúng ta quản lý trạng thái toàn cục (Global State) trong ứng dụng ReactJS. 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 thành phần không có mối quan hệ với nhau.
• Hai là cách Fetching và Create/Update/Delete dữ liệu một cách hiệu quả (có xử lý bộ nhớ đệm dữ liệu).

Chia sẻ dữ liệu giữa các thành phần

Để chia sẻ dữ liệu giữa các thành phần, sử dụng Redux Toolkit, bao gồm:

• Cài đặt Redux cho ứng dụng ReactJS (cài đặt 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).
• Giữ lại dữ liệu khi tải lại trang (F5) với redux-persist.
• Sử dụng Redux-thunk để xử lý các thao tác bất đồng bộ (Get/Post/Put/Delete).

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ệ.

Lấy hoặc sửa đổi dữ liệu

Để lấy hoặc sửa đổi dữ liệu, sử dụng React Query, bao gồm:

• useQuery Hook để lấy dữ liệu.
• useMutation để sửa đổi (create/update/delete) dữ liệu.
• Tái xác thực dữ liệu (bộ nhớ đệm).

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 ReactJS ở phía máy chủ (với NextJS).

Xử lý nhiều yêu cầu bất đồng bộ

Khi ứng dụng ReactJS sử dụng Redux cần xử lý nhiều yêu cầu bất đồng bộ, chúng ta có thể sử dụng Redux Saga (Middleware thay vì Redux-thunk):

• Hàm Generator.
• 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 trạng thái của ReactJS, thì đây chính là khóa học các bạn đang tìm kiếm.

Xem trước khóa học

Quản Lý State của ứng dụng React một cách hiệu quả

Bạn sẽ học

• Học và hiểu tư duy đằng sau việc quản lý trạng thái của ứng dụng ReactJS.
• Nắm vững và thành thạo Redux thuần, cũng như Redux Toolkit.
• Hiểu rõ lý do sử dụng middleware như Redux Thunk và Redux Saga.
• Quản lý trạng thái máy chủ bằng React Query.

Lý do nên học

Không “lùa gà”, không “làm màu”

Người khác hay so sánh và “làm màu” khóa học của bản thân, cho rằng người ta là nhất, đồng thời hạ thấp các khóa học đang có trên thị trường. Điều này sẽ dẫn tới tình trạng “ảo tưởng sức mạnh về khóa học” và bản thân bạn chính là những “con gà bị lùa.”

Mình không thích điều trên, vì mình biết, chẳng ai là hoàn hảo cả. Mỗi khóa học đều có điểm hay và dở của nó. Không ai hoàn hảo cả, phải không?

Khóa học đơn giản và thực tế

Bố cục khóa học của mình rất rõ ràng và không phô trương. Mỗi khóa học đều có video mẫu về thành quả cuối cùng, đi kèm với giáo án để bạn hình dung trước nội dung sẽ học.

Mình không thích viết những lời quảng bá sáo rỗng. Mình tin rằng chỉ cần video mẫu hoặc hình ảnh thực tế là đủ để bạn đánh giá. Nó dễ hiểu và trực quan hơn nhiều so với việc cố gắng dùng lời “mỹ miều” để thuyết phục.

Làm sao để không “bị lùa”?

Dưới đây là 7 nguyên tắc mình luôn chia sẻ với học viên, để bạn không rơi vào bẫy “lùa gà”:

1. Xem kỹ video mẫu và giáo án trước khi học.
   Điều này giúp bạn có góc nhìn tổng quát và thực tế về kiến thức sẽ nhận được.
2. Mình chỉ truyền đạt đúng theo giáo án.
   Không có chiêu trò. Không có lừa dối.
3. Học xong không biến bạn thành siêu nhân.
   Kiến thức cần được luyện tập, áp dụng qua dự án thực tế.
4. Mình không cam kết mức lương sau khóa học.
   Bởi mình không phải nhà tuyển dụng.
5. Khóa học chỉ như thực phẩm chức năng.
   Nó giúp bạn, nhưng không thể thay bạn hành động.
6. Mình cho bạn “cần câu cơm”.
   Nhưng việc câu cá hay không là do bạn.
7. Hãy tỉnh táo khi lựa chọn khóa học.
   Tránh bị hấp dẫn bởi những lời cam kết hào nhoáng không có thật.

Bạn vẫn chưa biết giảng viên là ai? Hãy xem giới thiệu tóm tắt về giảng viên bên dưới.

Vài điều bạn nên biết về mình

Mình tốt nghiệp HUST (bách khoa Hà Nội) chuyên ngành CNPM hệ kỹ sư (Software Engineer). Với trên 5 năm kinh nghiệm của dân “đúng ngành”, tập trung vào 3 lĩnh vực chính là chứng khoán (Stock Market), ngân hàng (Banking) và tài chính tín dụng (Finance).