Redux Saga: 20 - Phân tích cách xử lý loading và error

Loading, Error là một trong những phần không thể thiếu khi viết code nhằm mang lại trải nghiệm người dùng tốt hơn. Thế nhưng khi sử dụng redux saga, điều này có tí khó khăn, cùng mình phân tích cụ thể ra sao nhé hehe

- Phân tích các cách tiếp cận với vấn đề loading / error.
- Nhắc lại một tí về non-serializable trong redux toolkit.
- Giải pháp mà mình tiếp cận là gì?

#reactjs
#redux_saga
#error_handling

Trở thành FAN CỨNG để hưởng được nhiều quyền lợi ưu tiên:

———
VIDEO CHAPTERS:
Made by: Hoàng Trí
Cảm ơn bạn nhiều nhé! ❤️
———
0:00: Giới thiệu
0:30: Thunk trong việc xử lý loading/error
3:46: Xử lý loading/error với Saga
6:50: Code
9:35: Chốt

----
Khoá học ReactJS cho người mới bắt đầu trên Udemy của mình
🎁 Giá ưu đãi được đính kèm trong link 😉

-----
💻 Easy Frontend 🎉

Nơi kiến thức lập trình web frontend (html/css/javascript/reactjs) được chia sẻ một cách đơn giản, dễ hiểu mà đặc biệt là vui 😊 Với những tài liệu (tutorial) được biên soạn một cách kĩ lưỡng để giúp các bạn developer mới có thể nắm bắt vấn đề một cách nhanh chóng và hiệu quả. Từ đó nâng dần khả năng coding của các bạn lên theo thời gian.

❤️ Ủng hộ mình làm videos thì đóng góp qua MoMo/ZaloPay: 0901 309 729 nhé!

Kết nối với mình:

[hoangtri]

0:00: Giới thiệu

0:30: Thunk trong việc xử lý loading/error
3:46: Xử lý loading/error với Saga
6:50: Code
9:35: Chốt

[thanhcong]

A ơi e ko có thẻ vissa thì có cách nào khác để đkí fan cứng ko a, chuyển khoản ngoài được ko ạ

[ThangTran-feoz]

Hi anh, cho em hỏi là trong trường hợp em có một form thêm user dạng popup, em add user xong nếu thành công thì đóng form, còn thất bại thì vẫn hiện form. Theo anh hướng dẫn sử dụng toast trong saga thì mới giải quyết được show message, có cách nào để component biết là mình thất bại hay thành công để đóng form hợp lý ạ

[ongangminh]

hi anh, cho em hỏi mấy cái dashboard, students, .. mình có thể coi như là một admin feature ko ạ ? Lúc này dashboard, students nó sẽ là pages của admin feature ?

[vuongnh]

Anh ơi cho em hỏi, mình dispatch action login lên, trên saga sẽ call api login, và nếu lỗi thì nó sẽ trả lỗi như nào để hiện lên giao diện vậy anh, em không muốn dùng toast mà muốn nó hiện ra 1 dòng lỗi dưới cái input á anh, em thì định lưu error trong cái authSlice luôn

[hoangnguyentam]

cho e hỏi thư viện nào để toast error trực tiếp ra saga ra v ạ và cho e hỏi luôn là video trước về cái loggin 3 cách a nói trong video là nó chưa ok vậy cách nào là hiệu quả nhất để làm loggin ạ, trong dự án thực tế sẽ như nào ạ😀😀

[khailam]

anh ơi, làm cách nào để khi vừa mở trang lên nó sẽ ở url/login luôn thế anh, hiện tại khi e start lên nó chỉ ở localhost:3000 và page trắng