Học REDUX (+Toolkit) trong 1 video (2022)

👉 Tìm hiểu khoá học React 2024: holetex.com/react-course/
Trong video này chúng ta sẽ cùng nhau tìm hiểu về REDUX từ cơ bản trong 1 video. Chúng ta sẽ cùng tìm hiểu từ khái niệm tới lý do, kiến trúc của REDUX và những ưu/nhược khi sử dụng Redux trong một dự án React. Chúng ta sẽ xây dựng một ứng dụng demo bằng REDUX và REDUX Toolkit để có thể thấy rõ được những cải tiến mà REDUX Toolkit mang lại.
Source code: github.com/holetexvn/todo-app...
Live Demo: focused-engelbart-3d0ac1.netl...
👉 Trở thành HỘI VIÊN trên kênh HoleTex
/ holetex
👉 Kiến thức trong video
I. Lưu ý quan trọng trước khi bắt đầu học REDUX
II. REDUX là gì?
III. Vì sao Nên sử dụng REDUX và REDUX Toolkit nói riêng?
IV. Khi nào nên sử dụng REDUX?
V. Kiến trúc REDUX và các kiến thức cần nắm
VI. Xây dựng Todo App bằng REDUX và REDUX Toolkit
👉 Link tham khảo:
Async JavaScript: • ASYNC JavaScript trong...
ES6: • Học ES6 JavaScript cho...
useReducer: • Học useReducer - React...
React Hooks Series: • React Hooks
ReactJS Cơ bản 30 phút: • Học React JS cơ bản tr...
Redux Series: • Học Redux
Redux Docs: redux.js.org/tutorials/essent...
👉 Timestamp
00:00 INTRO
01:56 [1/6] Lưu ý quan trọng trước khi bắt đầu học REDUX
03:12 [2/6] REDUX là gì?
04:05 [3/6] Vì sao nên sử dụng REDUX và REDUX Toolkit nói riêng?
07:04 [4/6] Khi nào nên sử dụng REDUX?
08:50 [5/6] Kiến trúc REDUX và các kiến thức cần nắm
33:03 [6.1/6] Xây dựng Todo App bằng REDUX Core
02:09:00 [6.2/6] Xây dựng Todo App bằng REDUX Toolkit
📢 Liên hệ với mình tại:
Facebook: / ​
Instagram: / holetex
Github: github.com/holetexvn
Facebook cá nhân: / minhtung09
Email: holetex@outlook.com
#holetex #redux #reduxtoolkit #frontend

Пікірлер: 240

  • @phamminhuc4199
    @phamminhuc41992 жыл бұрын

    Cảm ơn anh đã giảng giải các kiến thức rất hữu ích! Mong anh ra nhiều seri về React Redux hơn! Chúc anh và gia đình thật nhiều sức khoẻ ạ!

  • @linhpink
    @linhpink2 жыл бұрын

    Skill mới đã được tiếp thu, chúc anh thật nhiều sức khỏe ạ, video anh rất là bổ ích, dễ hiểu, mong anh ra thêm nhiều video như vậy ạ.

  • @quochuy4539
    @quochuy45392 жыл бұрын

    Em cảm ơn anh vì đã tạo ra những video rất hữu ích như thế này ạ! Chúc anh và gia đình luôn mạnh khỏe!

  • @nguyentruongminh5127
    @nguyentruongminh5127 Жыл бұрын

    đỉnh của chóp thật sự, giải thích từ đầu đến cuối rất dễ theo dõi, chúc a nhiều sức khỏe ^^

  • @ThanhLe-oe9jo
    @ThanhLe-oe9jo2 жыл бұрын

    hay quá anh ơi, em ủng hộ anh làm thêm nhiều seri về redux tiếp ạ

  • @thinhnguyenhuy9119
    @thinhnguyenhuy91198 ай бұрын

    Video về Redux chất lượng nhất mà em từng xem, cảm ơn anh nhiệu ạ!

  • @DiamondDavid55
    @DiamondDavid55 Жыл бұрын

    hay quá a . bên redux core e lú luôn xem mấy lần mà qua redux toolkit thấy dễ hiểu hẳn. tks a nhé

  • @manhtuanao5462
    @manhtuanao54622 жыл бұрын

    Video hay quá ạ. Hi vọng a ra video với tần suất nhiều hơn.

  • @vutienle926
    @vutienle9262 жыл бұрын

    video chất lượng quá anh ơi, ủng hộ anh dài dài

  • @chucangvan9193
    @chucangvan91932 жыл бұрын

    Em là một beginer, em đã vào trang chính thức để tìm hiểu, mà khó hiểu quá, nay vào xem được video của a, em đã hiểu được trang viết gì, cám ơn a. Trân trọng nổ lực của a

  • @ThienNguyen-ec7le
    @ThienNguyen-ec7le2 жыл бұрын

    Hay quá anh ơi, mong chờ video hướng dẫn của anh về middleware ạ.

  • @hungdo8570
    @hungdo8570 Жыл бұрын

    Hay quá anh ơi! Cảm ơn anh đã chia sẻ kiến thức. Chúc anh sức khỏe và thành công! Đã like và đăng ký. Mong anh ra thêm nhiều video.

  • 9 ай бұрын

    Thật sự video rất hay giải thích chi tiết về Redux core và cả Redux Toolkit cảm ơn anh rất nhiều.

  • @babayaga3303
    @babayaga33032 жыл бұрын

    Hi vọng a làm khoá udemy react hook kết hợp redux toolkit theo lộ trình và thực chiến với những sản phẩm đầu ra. E thấy a đã làm những thứ như chat realtime, ứng dụng thời tiết rất hay nhưng không phải ai cũng nạp được lượng kiến thức mới lớn đến thế. Thấy a hay dùng antd cũng rất hay nữa hi vọng có thể mua khoá học với cách dạy này của anh.

  • @tuanvo3171
    @tuanvo3171 Жыл бұрын

    Rẩt hay , do mình đã biết qua reducer và cách làm việc của nó + xem video này nữa thì xem cảm giác kiến thức tiếp thu rất nhanh!!! Các bạn trước khi xem video này thì nên xem qua reducer trước để dễ tiếp thu hơn nhé !!!

  • @nbora
    @nbora Жыл бұрын

    Cảm ơn a nhìu nha. Video hay quá, lâu lâu cần ôn Redux thì e lại vào xem video này

  • @anhtuanpham2270
    @anhtuanpham22706 ай бұрын

    Bài giairng rất dễ hiểu luôn ạ.Cảm ơn anh vì sự tâm huyết trong video. Mong anh giữ nhiều sức khỏe và làm ra nhiều video chất lượng như này nữa ạ. 😍😍😍😍

  • @tuanhuy3005
    @tuanhuy300510 ай бұрын

    Video hay, giải thích chi tiết, dễ hiểu, hi vọng anh sẽ ra thêm nhiều video.cảm ơn anh nhiều

  • @hoangnguyenviet713
    @hoangnguyenviet7132 жыл бұрын

    cảm ơn anh vì video nào cũng cực kì chất lượng

  • @holetex

    @holetex

    2 жыл бұрын

    cảm ơn em

  • @Nthao0812
    @Nthao0812 Жыл бұрын

    em đang vật vã với môn react thì thấy video của anh , thank anh nhiều nha🤩🤩🤩

  • @dunghn907
    @dunghn9072 жыл бұрын

    Cám ơn anh zai, anh vừa giỏi về lập trình, vừa giỏi cả kỹ năng truyền đạt nữa ^^

  • @TungPham-yq9gq
    @TungPham-yq9gq2 жыл бұрын

    em đã dành hẳn 1 ngày để thấm nhuần bài giảng của a , cảm ơn a rất nhiều ạ

  • @hoangphuc1072
    @hoangphuc1072 Жыл бұрын

    Video rất đầu tư và chỉnh chu ạ, em cảm ơn anh !

  • @cuongnguyenviet4167
    @cuongnguyenviet4167 Жыл бұрын

    Hay lắm bạn ơi, mình cám ơn bạn rất nhiều, bạn hướng dẫn từ lý thuyết đến thực tế rất dễ hiểu và có tâm, cám ơn bạn

  • @ninhtranquang9442
    @ninhtranquang94422 жыл бұрын

    video hay lắm ạ. Chúc anh có nhiều sức khỏe và ra nhiều video hơn

  • @codelikeacow2504
    @codelikeacow2504 Жыл бұрын

    Cảm ơn bạn, mong bạn sớm ra series về typescript và nextjs!

  • @HuyNguyen-vl4yl
    @HuyNguyen-vl4yl2 жыл бұрын

    khả năng truyền đạt kiến thức của a thật dễ hiểu !!!

  • @70f99
    @70f992 жыл бұрын

    🤩 ùi, vid của a chia sẻ rất chi tiết và dễ hiểu ạ

  • @anhduy-ii9si
    @anhduy-ii9si2 ай бұрын

    Cảm ơn vì bài giảng rất hay. Mình đã học hết

  • @nhatne5555
    @nhatne5555 Жыл бұрын

    Cảm ơn bạn, clip hay quá rất bổ ích cho anh em mới học React

  • @hathanh3583
    @hathanh35832 жыл бұрын

    Bài giảng quá xuất sắc! Cảm ơn anh nhiều!

  • @Sunny314-_-rs
    @Sunny314-_-rs Жыл бұрын

    Cám ơn anh rất nhiều, chúc anh thật nhiều sức khoẻ

  • @juhandvan
    @juhandvan2 жыл бұрын

    Video hay quá, cảm ơn anh Tùng rất nhiều ạ và mong chờ về phần RTK tiếp theo ạ

  • @holetex

    @holetex

    2 жыл бұрын

    Cảm ơn em nhé

  • @ngulengoai515
    @ngulengoai5152 жыл бұрын

    Hay quá anh ơi. Kiến thức rất bổ ích mong a ra nhiều video hay ho nữa nhé

  • @vuuc9711
    @vuuc9711 Жыл бұрын

    hay lắm anh ơi, anh cho em hiểu cốt lõi của nó ạ! thank anh chúc anh sức khỏe ra thật nhiều video chất lượng ạ.!

  • @Quiz-Moment
    @Quiz-Moment11 ай бұрын

    A dạy dễ hiểu thật. Cảm ơn a nhiều!

  • @TranTuyenTruong
    @TranTuyenTruongАй бұрын

    Cập nhật cuối tháng 5/2024 thì mình tải source code của a về rồi chạy yarn thì nó báo lỗi không tải được, xóa hết yarn.lock và node_modules đi chạy lại yarn mấy lần vẫn lỗi. Mình tạo proj mới với yarn CRA, yarn add các packages còn thiếu trong file package.json rồi sửa hàng đầu tiên trong file App.css thành @import '~antd/dist/reset.css'; là chạy được nha mn

  • @angthanh7625
    @angthanh76252 жыл бұрын

    Cảm ơn anh nhiều. Video rất hay và hữu ích♥♥

  • @quanganhnguyen3314
    @quanganhnguyen33142 жыл бұрын

    Anh ơi, anh có thể làm 1 video nói về cấu trúc các thư mục chuẩn và luồng đi của một dự án frontend sử dụng react ko ạ

  • @TrungTran-ey2ic
    @TrungTran-ey2ic2 жыл бұрын

    não bộ của bạn vừa được nâng cấp một skill mới . Đùa với mọi người chứ , lâu lâu ôn lại vẫn thấy hay và nhiều cách viết rất dễ đọc.

  • @MoMo-di5vy
    @MoMo-di5vy2 жыл бұрын

    Video rất dễ hiểu, cảm ơn anh nhiều.

  • @quocchien6414
    @quocchien64142 жыл бұрын

    xem ko xót 1 giây nào. cám ơn a đã làm video tâm huyết thế này. Mong a làm thêm video về react js nữa

  • @holetex

    @holetex

    2 жыл бұрын

    Cảm ơn em nhé

  • @tucanh7781
    @tucanh7781 Жыл бұрын

    Cám ơn a, video rất hay và dễ hiểu ✨✨✨

  • @tunghoang9373
    @tunghoang9373 Жыл бұрын

    Bạn này làm clip dễ hiểu thật, cảm ơn bạn :)

  • @thanhnguyennguyevu6494
    @thanhnguyennguyevu64948 ай бұрын

    Cảm ơn anh rất nhiều ạ. Bài giảng tâm huyết và dễ hiểu lắm ạ. Chúc anh nhiều sức khỏe và thành công!

  • @studywiththuan4404

    @studywiththuan4404

    2 ай бұрын

    sao mình install project từ git của anh ấy về và chạy yarn start lại không được nhỉ, fix mãi

  • @NamNguyenacPhuong
    @NamNguyenacPhuong2 жыл бұрын

    You are awesome man. Keep going, bro

  • @thangvu6062
    @thangvu6062 Жыл бұрын

    cảm ơn anh! Video rất hay

  • @vinhnguyenquang1308
    @vinhnguyenquang13082 жыл бұрын

    tìm mãi mới có 1 video giảng về redux mà em xem có thể hiển được nó như thế nào cảm ơn anh nhiều ạ

  • @pdh-group7325
    @pdh-group73252 жыл бұрын

    video hay quá ạ chúc anh thật nhiều sức khẻ nha

  • @congdatt
    @congdatt11 ай бұрын

    Hay qua. Cam on anh rat nhieu !

  • @sieunhantu4817
    @sieunhantu48172 жыл бұрын

    Quá tuyệt vời . Dễ hiểu nhanh gọn

  • @phucvantanvinh6843
    @phucvantanvinh6843 Жыл бұрын

    3:12 redux là gì 4:18 vì sao nên sử dụng redux và redux toolkit 7:04 khi nào nên sử dụng Redux 8:50 kiến trúc redux và các kiến thức cần nắm 32:15 xậy dưng todo app bằng redux core

  • @thinhquang3021
    @thinhquang30212 жыл бұрын

    Dễ hiểu quá ạ. cảm ơn anh

  • @TunnaDuong
    @TunnaDuong Жыл бұрын

    RẤT HAY Ạ. MONG ANH RA VIDEO MỚI ĐỀU HƠN

  • @thucpham2912
    @thucpham29122 жыл бұрын

    cảm ơn a, quá dễ hiểu luôn

  • @minhthuanha3927
    @minhthuanha39272 жыл бұрын

    Hay quá anh ơi. Em xem full 2h30 lun

  • @TuanNguyen10590
    @TuanNguyen105902 жыл бұрын

    Hello a, hóng video a quá

  • @holetex

    @holetex

    2 жыл бұрын

    Hi em nhé

  • @footballsupporters2712
    @footballsupporters27122 жыл бұрын

    Cảm ơn anh.Em muốn hỏi là đoạn dispatch lên global state sau khi setstate localstate thì nó dispatch state chưa được update hay là state mới của localstate ạ.Vì hàm setstate nó bất đồng bộ ạ. Update : Mặc dù setState là bất đồng bộ tuy nhiên thì dispatch sẽ không lấy giá trị từ local state mà lấy giá trị ngày từ DOM . Cảm ơn các bạn đã đọc.

  • @bug_hunter_001
    @bug_hunter_0015 ай бұрын

    cám ơn anh video rất bổ ích

  • @angphuoctrieu1252
    @angphuoctrieu12522 жыл бұрын

    A giảng dễ hiểu, mong a tiếp tục ra những video về React hh

  • @holetex

    @holetex

    2 жыл бұрын

    Cảm ơn em

  • @tienthinhtruong2095
    @tienthinhtruong20952 жыл бұрын

    rất bổ ích, cám ơn a

  • @DungNguyen30S93
    @DungNguyen30S93 Жыл бұрын

    video bài giảng của anh rất hay. Nhưng e có 1 đóng góp chút xíu là a có thể chia nhỏ video dc k á. bọn e cũng dễ học hơn mà tìm lại tài liệu cũng dễ hơn. em cảm ơn ạ

  • @angkhai2549
    @angkhai25492 жыл бұрын

    Video hay quá anh ơi. Nào anh làm video về caching bằng redux đi anh

  • @nguyenanhtuan2817
    @nguyenanhtuan281711 ай бұрын

    cảm ơn tác giả.

  • @OnePieceofJapan
    @OnePieceofJapan Жыл бұрын

    Cảm ơn thầy ạ !!! 🥰🥰🥰

  • @trunglekien8217
    @trunglekien82172 жыл бұрын

    Em cảm ơn anh rất nhiều ạ

  • @lqngan0183
    @lqngan01832 жыл бұрын

    Mong anh ra thêm video về redux thunk và redux saga ạ.

  • @namhoai452
    @namhoai4522 жыл бұрын

    mong anh ra video kết hợp app này với node để lưu lại data ạ

  • @quangpham-qs5oo
    @quangpham-qs5oo2 жыл бұрын

    cám ơn a nhiều, a giảng dễ hiểu thật sự. tại sao có toolkit và nó gọn hơn thế nào. e chỉ góp ý xíu xíu thôi là mấy từ chuyên ngành thì a ko cần dịch ra tiếng việt nha ( ví dụ từ store )

  • @chienminh9023
    @chienminh90232 жыл бұрын

    xịn quá anh ơi

  • @ngulengoai515
    @ngulengoai5152 жыл бұрын

    Mong a làm thêm video về redux persist ạ

  • @phanthang97202
    @phanthang97202 Жыл бұрын

    video của kênh này lúc nào cũng chất lượng, truyền đạt dễ hiểu nữa, cảm ơn anh đã đóng góp cho cộng đồng

  • @truonghoanglong541
    @truonghoanglong5412 жыл бұрын

    Ối rồi ơi. Bình luận ủng hộ trước rồi xem sau

  • @holetex

    @holetex

    2 жыл бұрын

    Cảm ơn em đã ủng hộ anh

  • @MinhVu-kj5zn
    @MinhVu-kj5zn2 жыл бұрын

    video rất hay anh ơi

  • @HaiNguyen-id2hz
    @HaiNguyen-id2hz2 жыл бұрын

    a chia sẻ phần redux hay quá, rất cảm ơn a.

  • @holetex

    @holetex

    2 жыл бұрын

    Cảm ơn em đã ủng hộ anh nhé

  • @tyquao9181
    @tyquao91812 жыл бұрын

    Chào anh, anh cho em hỏi là trong 1 ứng dụng react chỉ có duy nhất 1 store phải không ạ?

  • @nguyenhoangphuc8627
    @nguyenhoangphuc86275 ай бұрын

    em cảm ơn anh rất nhiều

  • @xanhbongcai7287
    @xanhbongcai7287 Жыл бұрын

    video hay nhất thế giới,thanks anh

  • @khumbik5168
    @khumbik51687 ай бұрын

    hay anh ơiii

  • @tuaninhviet298
    @tuaninhviet2982 жыл бұрын

    bạn cho mình hỏi chút, t nghe nói redux có ảnh hưởng đến perfomance đúng k ạ? B có thể giải thích giùm mình tại sao nó lại ảnh hưởng nếu mình quá lạm dụng nó được k?

  • @NamLe-sl4qy
    @NamLe-sl4qy2 жыл бұрын

    52:00 nếu mà dùng action viết theo kiểu object mà không sài action creator thì truyền data kiểu gì vậy a?

  • @babayaga3303
    @babayaga33032 жыл бұрын

    A ra video dài quá. Lần sau a có thể ra video 4-5 tiếng được ko :))) có bao nhiêu em hứa học bấy nhiêu ạ 😍 à anh có dự định làm khoá udemy không anh?

  • @tyndecor5236
    @tyndecor5236 Жыл бұрын

    xịn quá. thanks

  • @minhtaingo9182
    @minhtaingo91822 жыл бұрын

    Em chỉ mới xem seri này thôi, anh cho e hỏi trong seri này có đề cập hết các vấn đề của thằng redux tookit chưa ạ? Nếu chưa thì còn những vấn đề gì ạ

  • @nhattannguyen2176
    @nhattannguyen2176 Жыл бұрын

    cảm ơn bạn ạ

  • @user-cw2gw7ig8v
    @user-cw2gw7ig8v6 ай бұрын

    lên video chia sẻ về React Hook Farm đi bạn

  • @dungphanquang3512
    @dungphanquang351211 ай бұрын

    Thanks anh

  • @KhangNguyen-kq2iw
    @KhangNguyen-kq2iw2 жыл бұрын

    những video "trong 1 video" kiểu này quay xong chắc cạn energy luôn quá kkk, em cứ nghĩ anh chỉ làm về redux th, ai ngờ kết hợp luôn toolkit thì quá ư là xịn xò, phải cày hết để k uổng công a Tùng dành tg, tâm huyết ra quay video tận 2h30🤩

  • @holetex

    @holetex

    2 жыл бұрын

    Cảm ơn em đã ủng hộ anh ❤️

  • @tuyentrancong3646
    @tuyentrancong36462 жыл бұрын

    Hóng anh ra thêm React-query

  • @hienchu2779
    @hienchu27792 жыл бұрын

    cảm ơn anh

  • @ngthuongnguyen9804
    @ngthuongnguyen98042 жыл бұрын

    A ơi trong todolist cái check box ở trước tên cv sao e ko thấy trong payload nhỉ, cảm ơn a

  • @darkquys5572
    @darkquys5572 Жыл бұрын

    a hướng dẫn sự dụng thư viện atnd đi ạ .

  • @user-xz8bp5eb4d
    @user-xz8bp5eb4d8 ай бұрын

    thank anh

  • @nguyenvanchung3940
    @nguyenvanchung39402 жыл бұрын

    Tuyet voi

  • @SonNguyen-rb4ut
    @SonNguyen-rb4ut2 жыл бұрын

    có cách nào sử dụng navigate của react router dom v6 trong redux thunk ko ạ

  • @produkte1919
    @produkte19192 жыл бұрын

    Anh ơi cho em hỏi khi em sử dụng useSelector và get state.todoList thì nó lại trả về undefined mà không trả về mảng todoList vậy anh mong anh rep

  • @NamLe-sl4qy
    @NamLe-sl4qy2 жыл бұрын

    làm tiếp part 2 dùng tookit vs thunk đi a

  • @laadau
    @laadau Жыл бұрын

    Like!!!

  • @NamLe-sl4qy
    @NamLe-sl4qy2 жыл бұрын

    làm sao khi tạo 1 file mới của anh default indent space là 2 vậy ạ?

  • @truongduy139
    @truongduy1392 жыл бұрын

    làm 1 quả Tutorial Express nodeJS luôn anh uiiiiiiiii hehe