Redux tutorial: 01 - Giới thiệu tổng quan về Redux 🎉 (2020)

Quá bối rối khi mới học redux, hãy cùng mình xem video này để hiểu được cuối cùng ông thần Redux này là cái chi chi nha 🤣

Trong video này mình sẽ chia sẻ với các bạn:
✅ Redux là gì? Kiến trúc của redux ra sao?
✅ Khi nào sử dụng redux?
✅ Redux có phải chỉ dùng cho reactjs không?
✅ Giải thích code mẫu của redux mà không cần dùng tới reactjs
Hi vọng qua video này, các bạn sẽ hiểu được redux là gì và cách hoạt động của nó ra làm sao? 🙂

#redux
#redux_tutorial
#redux_la_gi

🌐 Link tham khảo:

-----
💻 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 tại đây nhé:
- MoMo/ZaloPay: 0901 309 729

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

[EasyFrontend]

Cảm ơn các bạn đã xem video của mình! ❤️
Sau khi xem video, bạn đã hiểu Redux là gì chưa? 🙂

[KhanhPham-jqcf]

Thầy Hậu có năng khiếu là biến những khái niệm phức tạp thành các khái niệm đơn giản. Xem Video của thầy rất dễ hiểu, đặc biệt là thầy có đưa ra hình ảnh minh hoạ rất trực quan. Với lại thầy đưa ra các khái niệm, điểm chú ý rất cốt lõi, xem 1 lần là có thể nhớ luôn. Em cảm ơn thầy nhé.

[phucluu]

Các video về tutorial thì đã quá nhiều rồi, nhưng mà về việc nói về những mắc xích nhỏ nhỏ để giúp hiểu đúng hiểu sâu thì em ít thấy ai có thể nói rõ như anh. Cảm ơn anh về bài giảng chúc anh luôn khỏe và ra nhiều video hơn nữa.

[nghianguyen]

Tuyệt vời a ơi. Cám ơn a đã đóng góp kiến thức cho mọi người.

[gianghuynh]

hay quá anh ơi em đang bên flutter cũng sử dụng cái này h mới hiểu đc cách nó hoạt động, tks anh nhiều

[nguyenxuantuongvn]

cảm ơn share, rất hay và dễ hiểu đó bạn

[tanthanh]

cảm ơn anh rất nhiều, em đang làm dự án react native mà nhảy vào ông redux này cũng hoang mang vãi chưởng, còn chẳng hiểu rõ store làm gì mà reducer để làm gì. Xem clip này của a xong, em hiểu hết luôn ạ, anh giảng rất dễ hiểu <3

[BigMouth]

Hi vọng a làm series về Redux này, cảm ơn anh rất nhiều from big fan with love :D

[tupham]

Hóng series này đã lâu, hi vọng a tiếp tục series này, càng nhiều càng tốt ạ, ủng hộ a :3

[martcoc]

Chi tiết về Redux rất hữu ích! Cảm ơn bạn

[van-hungngo]

Cảm ơn chia sẻ quá bổ ích của anh ạ, Chúc anh ngày càng đẹp trai nha kaka <3

[uchieu]

Video hay quá ạ. Hy vọng anh ra nhiều video nữa. Luôn ủng hộ anh <33

[khainguyen]

em đang làm laravel xong nhảy qua reactjs xong gặp ngay cái middle ware của người cũ viết :))) ngồi console log ra xem luồn cả ngày trời tối về search hên quá ra ngay clip của anh. Cảm ơn anh rứt nhiều <3

[thuphan]

Ban Hau day luc nao cung hay va de hieu. :)

[milanzlatan]

xem xong video của a quay ra đọc docs dễ dàng hơn nhiều ạ 👍

[coderbanxe]

Cảm ơn anh bài giảng rất bổ ích, em có kinh nghiệm làm với redux cũng đc 1 thời gian rồi nhưng em vẫn thấy cách bố trí reducer của em chưa ổn mong được anh chỉ sẽ cách làm của anh để cải thiện performance hơn. Middleware em đang dùng là 1 saga, với mỗi biến cần lưu trữ trong store em sẽ có 2 biến cho nó, VD: biến tên data thì đi kèm sẽ là errorData, và sẽ có 4 actions xử lí flow này, 1 action type = GET_DATA để view dispatch, saga sẽ listen action type = GET_DATA sau đó sẽ đi dispatch GET_DATA_START để reset biến errorData trong reducer => gọi API => dispatch GET_DATA_SUCCESS / GET_DATA_FAILURE để update reducer. (sở dĩ em phải thêm action GET_DATA vì theo như concept của saga thì action không link trực tiếp với reducer mà phải qua middleware). Mong được anh góp ý ạ :D

[DatNguyen]

Thank you so much. <3 <3
From the U.S (University of Science)

[dieuhuy]

hay quá anh ơi <3 video tiếp theo anh có thể làm phần context đc ko ạ

[tungnvt]

Đang tập trung nghe giảng tự nhiên "bạn đã có 10$" 😄😄😄. Anh giảng hay qúa, nghe giảng ngoài kiến thức ra em còn nhận đc rất nhiều năng lượng tích cực trong đó nữa. Cảm ơn anh rất nhiều, chúc anh sức khỏe, thành công ạ.

[quanghatran]

em chào anh Hậu, em vẫn chưa thực sự hiểu rõ về cách lưu giá trị state lắm:

- Thứ nhất: Tại sao khi reload lại trang thì giá trị state mới cập nhật sẽ bị mất, và lấy lại initialState. Tại sao nó ko lấy state tại lúc update mới nhất?

- Thứ hai: Trong những trường hợp nào state sẽ lấy giá trị cập nhật mới (ví dụ theo em biết là: Cập nhật state ở 1 component và history.push sang component khác khi thành công). Trong trường hợp nào thì state sẽ lấy lại giá trị intitialState (ví dụ: reload lại trang). Ngoài các ví dụ trên, thì còn trường hợp nào nữa không anh?


- Thứ 3: Các trường hợp nào nên lưu lại giá trị state trên localStorage (ví dụ: lưu thông tin user)?

Em đã đọc docs, google nhưng vẫn thấy giải thích khá mơ hồ, nên mong anh giải đáp kỹ giúp em ạ!