Redux Saga: 28 - Giới thiệu tính năng Student Management

[@truongminhthong9219]

Cám ơn anh vì series React Saga này, mình thấy khá là giống so với logic của bên Angular Ngrx Store, cảm thấy rất hay và bổ ích, hy vọng bạn sẽ ra nhiều series về React nữa hơn. Good job bro!

[@EasyFrontend]

yeahhh rất vui khi series này hữu ích cho bạn nè Thông hihi, mình vẫn còn series NextJS, bạn có thể tham khảo xem sao nhé 😊

[@truongminhthong9219]

Mình sẽ tiếp tục sau khi hoàn thành React Saga này. Cám ơn bạn nhiều!

[@Heocon1507]

A Hậu ơi cho e hỏi chút chỗ này với. Ở 02:40 a có nói là cái đoạn listing bình thường sẽ quản lý bằng component state, ko nhất thiết phải dùng redux. Nhưng vì đang học saga nên sẽ làm bằng saga. Vậy thì a có thể nói rõ hơn tại sao lại nên quản lý state ở local mà ko quản lý ở redux được ko ạ? Em thấy thì những chỗ khác mình đang quản lý nó trên redux + saga, vậy thì tại sao mình ko dùng thống nhất 1 kiểu cho toàn project cho dễ quản lý nhỉ?

[@EasyFrontend]

à ko nên nhé Quang, cái này nó trở về câu hỏi, khi nào dùng redux em nhen? nếu tất cả states em cho lên redux hết, thì em nghĩ xem, cái redux state của em nó sẽ phình to thế nào? cho nên chỉ có global state, những cái state cần share nhiều nơi, mình mới cho lên redux em nhen Em đọc thêm chỗ này hehe: redux.js.org/faq/general#when-should-i-use-redux

[@Heocon1507]

@@EasyFrontend Những cái state bình thường kiểu như cái couter chẳng hạn thì e đồng ý là để ở component sẽ tốt hơn. Tuy nhiên e đang thắc mắc về những chỗ như listing này này. Nó có liên quan tới việc call API thì e nghĩ nên cho nó lên redux để còn sài được saga => Nó sẽ chung 1 flow với những chỗ khác. Nếu chỗ thì bắn lên saga để call API, chỗ thì lại call API trực tiếp ở component thì e thấy nó khá rối rắm. 1 người mới nhảy vào sẽ khó để hiểu được flow của dự án :D

[@EasyFrontend]

à nó có rules á em, cái em nói như trên là dùng redux vô tội vạ nè, back lại câu hỏi ở trên: - state đó có cần phải lưu trên redux hk? - nếu ko thì tại sao em lại phải dispatch action lên redux? - có ai bắt buộc gọi API phải qua redux hk? - redux bản chất nó ko có support async action, mà tại do mình cần có những action gọi API để update state, nên mình add thêm thunk/saga để support chuyện đó. Chứ đâu phải là gọi API là buộc phải qua redux đâu em hen 😉 Rules: - Component state -> gọi API trên component - Redux state -> gọi API thông qua việc dispatch action Nó là 2 trường hợp khác nhau mà, em phân biệt đâu là state local, đâu là state global là được òi. Đừng nói với anh là ko phân biệt đâu là state local và global nhen 😉 Em thấy hợp lý chưa Quang?

[@Heocon1507]

@@EasyFrontend Oke e hiểu rồi :D Cảm ơn a nhiều

[@thanhpham1324]

Anh ơi bao giờ anh ra series react router giúp bọn em với ạ 🤣🤣

[@EasyFrontend]

hehe anh sẽ cố gắng xử lý sớm và add vào khóa react typescript trên udemy em nhen hehee