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
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ẻ ạ!
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 ạ.
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!
đỉ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 ^^
hay quá anh ơi, em ủng hộ anh làm thêm nhiều seri về redux tiếp ạ
Video về Redux chất lượng nhất mà em từng xem, cảm ơn anh nhiệu ạ!
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é
Video hay quá ạ. Hi vọng a ra video với tần suất nhiều hơn.
video chất lượng quá anh ơi, ủng hộ anh dài dài
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
Hay quá anh ơi, mong chờ video hướng dẫn của anh về middleware ạ.
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.
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.
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.
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é !!!
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
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 ạ. 😍😍😍😍
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
cảm ơn anh vì video nào cũng cực kì chất lượng
@holetex
2 жыл бұрын
cảm ơn em
em đang vật vã với môn react thì thấy video của anh , thank anh nhiều nha🤩🤩🤩
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 ^^
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 ạ
Video rất đầu tư và chỉnh chu ạ, em cảm ơn anh !
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
video hay lắm ạ. Chúc anh có nhiều sức khỏe và ra nhiều video hơn
Cảm ơn bạn, mong bạn sớm ra series về typescript và nextjs!
khả năng truyền đạt kiến thức của a thật dễ hiểu !!!
🤩 ùi, vid của a chia sẻ rất chi tiết và dễ hiểu ạ
Cảm ơn vì bài giảng rất hay. Mình đã học hết
Cảm ơn bạn, clip hay quá rất bổ ích cho anh em mới học React
Bài giảng quá xuất sắc! Cảm ơn anh nhiều!
Cám ơn anh rất nhiều, chúc anh thật nhiều sức khoẻ
Video hay quá, cảm ơn anh Tùng rất nhiều ạ và mong chờ về phần RTK tiếp theo ạ
@holetex
2 жыл бұрын
Cảm ơn em nhé
Hay quá anh ơi. Kiến thức rất bổ ích mong a ra nhiều video hay ho nữa nhé
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 ạ.!
A dạy dễ hiểu thật. Cảm ơn a nhiều!
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
Cảm ơn anh nhiều. Video rất hay và hữu ích♥♥
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 ạ
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.
Video rất dễ hiểu, cảm ơn anh nhiều.
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
2 жыл бұрын
Cảm ơn em nhé
Cám ơn a, video rất hay và dễ hiểu ✨✨✨
Bạn này làm clip dễ hiểu thật, cảm ơn bạn :)
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
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
You are awesome man. Keep going, bro
cảm ơn anh! Video rất hay
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 ạ
video hay quá ạ chúc anh thật nhiều sức khẻ nha
Hay qua. Cam on anh rat nhieu !
Quá tuyệt vời . Dễ hiểu nhanh gọn
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
Dễ hiểu quá ạ. cảm ơn anh
RẤT HAY Ạ. MONG ANH RA VIDEO MỚI ĐỀU HƠN
cảm ơn a, quá dễ hiểu luôn
Hay quá anh ơi. Em xem full 2h30 lun
Hello a, hóng video a quá
@holetex
2 жыл бұрын
Hi em nhé
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.
cám ơn anh video rất bổ ích
A giảng dễ hiểu, mong a tiếp tục ra những video về React hh
@holetex
2 жыл бұрын
Cảm ơn em
rất bổ ích, cám ơn a
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 ạ
Video hay quá anh ơi. Nào anh làm video về caching bằng redux đi anh
cảm ơn tác giả.
Cảm ơn thầy ạ !!! 🥰🥰🥰
Em cảm ơn anh rất nhiều ạ
Mong anh ra thêm video về redux thunk và redux saga ạ.
mong anh ra video kết hợp app này với node để lưu lại data ạ
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 )
xịn quá anh ơi
Mong a làm thêm video về redux persist ạ
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
Ối rồi ơi. Bình luận ủng hộ trước rồi xem sau
@holetex
2 жыл бұрын
Cảm ơn em đã ủng hộ anh
video rất hay anh ơi
a chia sẻ phần redux hay quá, rất cảm ơn a.
@holetex
2 жыл бұрын
Cảm ơn em đã ủng hộ anh nhé
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 ạ?
em cảm ơn anh rất nhiều
video hay nhất thế giới,thanks anh
hay anh ơiii
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?
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?
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?
xịn quá. thanks
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ì ạ
cảm ơn bạn ạ
lên video chia sẻ về React Hook Farm đi bạn
Thanks anh
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
2 жыл бұрын
Cảm ơn em đã ủng hộ anh ❤️
Hóng anh ra thêm React-query
cảm ơn anh
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
a hướng dẫn sự dụng thư viện atnd đi ạ .
thank anh
Tuyet voi
có cách nào sử dụng navigate của react router dom v6 trong redux thunk ko ạ
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
làm tiếp part 2 dùng tookit vs thunk đi a
Like!!!
làm sao khi tạo 1 file mới của anh default indent space là 2 vậy ạ?
làm 1 quả Tutorial Express nodeJS luôn anh uiiiiiiiii hehe