Redux Saga: 29 - Cài đặt slice và saga cho feature Student

Cùng mình setup slice và saga cho phần tính năng Student nhé 😉
Redux Saga createSlice để tạo slice cho Student
Redux Saga tạo saga để xử lý các actions của Student
#reactjs
#redux_saga
#createslice
----
Trở thành FAN CỨNG để hưởng được nhiều quyền lợi ưu tiên:
www.youtube.co...
----
Khoá học ReactJS cho người mới bắt đầu trên Udemy của mình
🌐 Link khuyến mãi: course.ezfronte...
🎁 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:
Follow FB cá nhân: / nvhauesmn
🎉 Fan page: / learn.easyfrontend
❓Group: / easyfrontend
💻Github: github.com/pau...
💼 LinkedIn: / haunguyenmn

[@hoangduongdo3737]

mng cho em hỏi chút là ở phút 9:39 (dòng 11), anh Hậu dùng yield takeLatest(studentActions.fetchStudentList, fetchStudentList) . Em tưởng phải dùng là yield takeLatest(studentActions.fetchStudentList.type, fetchStudentList) mới đúng chứ ạ. Ai giải thích cho em chỗ này với ạ. Em cảm ơn

[@EasyFrontend]

à cái đó nó cũng trả về cái type luôn á em nhen hihi em xem ví dụ ở đây nhen hehe redux-toolkit.js.org/api/createSlice#examples

[@KienNguyen-sg1nf]

@@EasyFrontend Em thấy mấy bài trước khi anh gọi take hay takeLatest thì đều luôn luôn có .type vd như takeLatest(studentActions.fetchStudentList.type, fetchStudentList). Vậy là cái type này mình gọi cũng được không gọi thì saga nó vẫn hiểu và chạy như bình thường đúng ko anh? Em cảm ơn anh ạ

[@KhangNguyen-kq2iw]

anh Hậu ơi, cho em hỏi câu ngoài lề với ạ, em thấy mấy trang web mà sản phẩm nhiều nó thường có chữ "xem thêm", khi mình ứng vô thì nó load tiếp các sản phẩm tiếp theo, thì ý tưởng này triển khai khó k anh

[@EasyFrontend]

à ko em nha, cái này dễ mà. Click load more -> em gọi API cho trang tiếp theo rồi append vào list hiện tại là xong òi 😉

[@KhangNguyen-kq2iw]

@@EasyFrontend wow, em hiểu ya tưởng r ạ, tks a Hậu ^^ chúc a ngày cuối tuần vv

[@phanhaiang7052]

cái chỗ const response = yield call..... là hàm call trả về một effect và saga khi tới lệnh yield sẽ thực thi cái effect đó và trả về dữ liệu và biến response lúc này là lưu dữ liệu vào đúng không vậy anh

[@EasyFrontend]

à đúng òi nha Đăng 😉 hiểu đc vậy luôn là ngon lành rồi hehe

[@maicaotri3668]

sao cái filter cũng lưu trên redux store luôn v anh? e tưởng là chỉ cần truyền payload lên cái saga là nó lấy cái đó set thành params là được thì phải.

[@EasyFrontend]

hi Trí, em cần phải lưu lại để khi qua trang khác, quay lại nó vẫn còn giá trị của filters cũ em nhen 😉

[@maicaotri3668]

@@EasyFrontend Dạ nếu mong muốn của e là qua trang khác thì filter bị reset thì chỉ cần lưu filter trong component state là được đúng ko anh?

[@EasyFrontend]

@@maicaotri3668 yeah đúng rồi Trí nha 😉

[@phongla5509]

tại sao khi em call getAllStudent thì nó lại vòng lặp vô tận vậy anh?

[@EasyFrontend]

hi Phong, chắc em bị nhầm chỗ nào đó em, em thử check lại, nếu vẫn ko đc thì post lên nhóm facebook trao đổi easy frontend nha Phong 😉

[@phongla5509]

@@EasyFrontend em có thử lại thì trong saga bắt buộc thông qua thằng loading rồi put thằng action call api thì đc còn khi trong saga em takeLatest trược tiếp thì xuất hiện vòng lặp vô tận

[@EasyFrontend]

@@phongla5509 hmm anh chưa hiểu ý em lắm, em hãy coi lại cách anh làm nhen, nếu vẫn hk hiểu hãy post lên nhóm để có hình dễ hiểu hơn nha Phong 😉

[@phongla5509]

@@EasyFrontend vang ok anh