Redux Saga: 06 - Phân biệt takeEvery và takeLatest 😊

preview_player
Показать описание
2 effect creator đơn giản trong redux saga nhưng cũng gây ra nhầm lẫn cho một số bạn mới là đây, cùng mình phân biệt trong video này nhé hehe

———
VIDEO CHAPTERS:
Made by: Khang Nguyễn
Cảm ơn bạn nhiều nhé! ❤️
———
0:00 Bắt đầu
0:50 Có nên quản lí tất cả action trên Saga hay không?
2:37 Bắt đầu làm ví dụ
8:00 Chức năng takeEvery
9:12 Sử dụng delay
12:16 takeLatest khác gì với takeEvery
14:38 Kết thúc video

Tham khảo:

#redux
#redux_saga
#takeEvery_takeLatest

----
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:
Рекомендации по теме
Комментарии
Автор

0:00 Bắt đầu
0:50 Có nên quản lí tất cả action trên Saga hay không?
2:37 Bắt đầu làm ví dụ
8:00 Chức năng takeEvery
9:12 Sử dụng delay
12:16 takeLatest khác gì với takeEvery
14:38 Kết thúc video

KhangNguyen-kqiw
Автор

Mong mãi.... Xem tập tiếp Thanks thầy nhiều

minhhung-kimwy
Автор

không học khóa này thì hơi phí .Hay quá anh

ngocchinh
Автор

anh cho e hỏi khi nào dùng redux Thunk khi nào dùng redux Saga

TamNguyen-uusr
Автор

Hay quá anh ơi, hóng video tiếp theo ạ

trungthanhnguyen
Автор

cái type này mình dùng để thông báo cái pattern cho saga thôi đúng ko anh, nếu mình bỏ cái pattern đi mà chỉ giữ effect creator thì cái yield của mình có chạy ko anh

HoangNguyen-zvxb
Автор

anh ơi cho em hỏi có phải action.payload được truyền từ incrementSaga -> incrementSagaSuccess thông qua takeLatest phải không anh ? tại vì em thấy incrementSaga nhận vào payload nhưng ko làm gì cả mà incrementSagaSuccess vẫn hiểu cái payload đó

KhanhDuy-dvub
Автор

cái dụ click nhìu lần mình sẽ xử lý dựa trên takelastest thì nó sẽ qua middleware nhưng nếu e handle dưới component thì sẽ dùng cái j để thay thế takelastest a nhỉ?

sometimesalways
Автор

Lời đầu mình muốn gửi lời cảm ơn đến bạn, sau mình có chút góp ý từ ý cá nhân của mình, đó là nhạc ban đầu to quá, hầu như mỗi video cũng bị ngợp, và phải điều chỉnh lại loa. Cảm ơn!

handaiolong
Автор

làm thế nào mà increment có thể có method toString() vậy anh .

imdoshi
Автор

Nhạc hơi lớn so với tiếng nói á anh ^^

meocode
Автор

thank anh nha <3 rất hay ạ. em làm qua cái này rồi nhưng xem lại vẫn hiểu hơn nữa. có thời gian anh vào cái thực tế họ hay làm thì tốt hơn ạ

vietdungduong
Автор

anh Hậu cho em hỏi điểm khác biệt giữa thunk với saga với ạ. Theo em biết 2 cái middleware này đều phục vụ cho việc handle async action. Redux thunk thì async action return về 1 action dispatch lên store, còn saga theo em hiểu sẽ xử lý side effect cho từng action ví như phần loading. Vậy nếu ở thunk trước khi call api hay là 1 promise đang được xử lý em vẫn có thể dispatch 1 action loading lên reducer, đợi khi middleware xử lý xong data response em vẫn có thể dispatch tiếp 1 action lên reducer. Ở mấy case đó mình có thể sử dụng thunk như bình thường đúng không anh nhỉ, tại sao nhiều dự án vẫn cần tới saga anh? Nếu chỉ gọi api show loading để ngăn end-user tương tác được trong lúc gọi api thì em vẫn còn thể handle phần này ở interceptor. Anh giải thích giúp em usecase nào mình nên sử dụng saga với ạ :D

trungphanphuoc
Автор

Anh cho em hỏi là các effect creator nó bắt được cái action nào thì action đó được truyền vào làm tham số cho hàm xử lí saga đúng không anh ?

Son-rxsp
Автор

Tieng nho qua, con nhac nen thi bi qua to Paul Nguyen em oi 😡

trankien
Автор

7:05 dùng type() bình thường anh ơi, không cần biết payload, vì mục đích chỉ cần return ra 'type' thôi mà anh, về sau vẫn có payload bình thường a à :3

duykb
Автор

anh có thể làm thêm ví dụ về cancel axios kết hợp với cancel trong redux-saga được không anh Hậu ơi

tutanle
Автор

anh làm 1 video về eventchannel đc k ạ

yuumiii
Автор

Nếu chỗ incrementSaga bỏ yield delay(1000) đi thì takeLatest có chạy chỉ 1 lần cuối nữa không anh?

reactnativetrick