Học Redux và viết lại nó với 1 dòng code =))
HTML-код
- Опубликовано: 8 фев 2025
- ---
👉 XEM LỘ TRÌNH HỌC: fullstack.edu....
#hoclaptrinh #javascript #html_css #nodejs #restful_api #backend #devops
---------------------------------------
☻ Phần mềm sử dụng trong video:
Công cụ dịch Tiếng Anh: bit.ly/2Wsuhet
Công cụ đo đạc giao diện web: bit.ly/3muevdD
Công cụ viết CV xin việc chuyên nghiệp: mycv.vn
☻ Tiện ích cho Visual Studio Code:
Gợi ý code: Tabnine Autocomplete AI (bit.ly/34rl0Yr)
Tự động đóng thẻ: Auto Close Tag (bit.ly/3mwoJue)
Tự động đổi tên thẻ đóng/mở: Auto Rename Tag (bit.ly/3nB0ADS)
Thêm màu sắc cho các cặp ngoặc: Bracket Pair Colorizer (bit.ly/37wgXfC)
Icon theme: Material Icon Theme (bit.ly/37ukU4b)
Hiển thị thông tin Git (commit, author, ...): Gitlens (bit.ly/3gYlaf9)
☻ Khóa học lập trình web MIỄN PHÍ:
Kiến thức nhập môn: fullstack.edu....
Xây dựng giao diện với HTML, CSS: fullstack.edu....
Xây dựng web responsive: fullstack.edu....
Lập trình Javascript cơ bản: fullstack.edu....
Lập trình Javascript nâng cao: fullstack.edu....
Làm việc với Terminal & Ubuntu: fullstack.edu....
Xây Dựng Website với ReactJS: fullstack.edu....
Xây dựng web với Node & Express: fullstack.edu....
HTML, CSS tips: fullstack.edu....
Ứng dụng cảnh báo khi sờ lên mặt: fullstack.edu....
Xem thêm tại: fullstack.edu....
☻ Chú ý :
Không văng tục chửi bậy, bình luận có văn hóa.
Không hỏi khi chưa xem xong video.
Sai phạm sẽ được mời khỏi kênh.
☻ F8 là nơi học lập trình để đi làm!
Tại sao bạn nên học lập trình tại đây? Ở đây chúng tôi có:
Nội dung bài học chỉn chu và chi tiết giúp học viên hiểu từ cái gốc
Kỹ năng sư phạm khác biệt từ người dạy giúp học viên có thêm nhiều động lực
Hình ảnh và âm thanh chất lượng cao giúp học viên thêm hứng thú
F8 Official
(c) Sơn Đặng
Website: fullstack.edu.vn
Facebook cá nhân: / sondnf8
Nhóm Học Lập Trình Web: / f8official
Email: contact@fullstack.edu.vn
© Bản quyền thuộc về Channel F8 Official ☞ Do not Reup
© Nghiêm cấm sử dụng video nhằm mục đích thương mại dưới mọi hình thức.
cái sơ đồ này ai đã thông thì nhìn phát hiểu ngay:
- Redux state là READONLY, chỉ thay đổi khi 1 ACTION được DISPATH
- STORE : 1 cục lưu trữ nhiều reducer
- ACTION : là 1 OBJECT chứa {actionType : kiểu action, payload: dữ liệu truyền đi}
- REDUCER (state, action) : là 1 HÀM nhận vào state và ACTION để tính toán trả ra state mới cho STORE và STORE update nó lên giao diện, lưu ý PHẢI KHỞI TẠO INITIAL STATE cho reducer
Anh ơi còn cái sơ đồ redux toolkit thì sao ạ
nắm chắc js rồi thì việc hiểu hiểu đc nó dễ dàng rất nhiều , quan trọng có muốn học hay ko thôi
@@kvi1312 đơn giản hơn đó chỉ là một flow của action+ajax+show html.Tại các cty công nghệ cứ làm phức tạp hóa js thôi.
Em bị mất ngủ nặng nên em hiểu sự kinh khủng của mất ngủ, thà ngủ nhiều thì làm việc có năng suất và sức khoẻ tốt hơn là thức khuya làm rồi hôm sau lờ đờ hiệu suất kém, em khuyên thật anh nên bớt việc để dành thời gian cho ngủ
thanks bạn, contents bạn làm khá hay, dạo này các thư viện java script, front-end phát triển quá nhanh, những nội dung thế này giúp các bạn mới học hiểu rõ hơn rất nhiều. mong bạn phát huy.
Học a kha khá kiến thức r đi làm (sau 2 tháng), r vì công việc nên cũng ít xem lại video của a, nay xem lại thấy a hài quá =))) dễ lú.
Hồi tầm 1 năm trước phải nói mình ăn ngủ với cái khóa JS của anh Sơn, tới bài tự build thư viện Redux từ đầu đến cuối thì thôi rồi mất đến một tuần để mình mới có thể hiểu flow của từng dòng code =))) ám ảnh thật sự. Sau hơn 1 năm mình rẽ nhánh qua làm việc với PHP, Laravel thì xem lại vid này cũng hoài niệm phết. Giọng anh Sơn có phần nhẹ nhàng và chậm rãi hơn lúc trước. Hahaa nói chung cảm ơn anh Sơn và yêu quý cộng đồng ae F8 nhiều lắm ạ
Cho mình hỏi ,PHP ổn không ạ bạn ơi
@@qodzed4520 dự án lớn chưa biết nhưng Wordpress thì vẫn ổn và sống nhăn răng, nhưng phải nói học js rồi qua học php thấy nó sao sao, khó chịu lắm, mình đang làm WP đang tính học php mà xem syntax chán hẳn :))
@@tuongduynguyen5225 php nó vẫn mang hình thái là code nhúng nên rất dài dòng khó viết, ít có thể thu gọn code
@duyphantan9529 ông học react xong sang PHP luôn à, chia sẻ mấy ngôn ngữ ông học xem sao vì tôi cũng chưa biết theo hướng nào. Tôi đang học mỗi react mấy thứ khác thì mù tịt
haha, biết là chuyện này nhỏ nhma mình vui quá. Mình có coi clip, tới đoạn code lại createStore thì mình code trước rồi mới xem a Sơn, hóa ra đúng gần hết hehehehehe
redux sau khi học xong áp dụng vào project cảm thấy tiện dụng vch, giúp t thực thi từ công việc lấy data cho toàn page cho tới responsive, đóng mở menu
Hay quá anh ơi. Em xem cảm thấy rất dễ hiểu. Mong anh ra thật nhiều video hữu ích nữa ạ. 😍😍😍😍
Mong anh ra nhiều video dạng như thế này ạ. Xuất sắc luôn :D
uầy, nhìn anh viết lại thư viện của nó trong đơn giản thật
mình rất thích những video như này giúp mình hiểu bản chất của vấn đề
anh Sơn thử học ngồi thiền từ các video trên youtube đi anh, em thấy giúp em đỡ bị mất ngủ ạ
huhu mới biết đến a Sơn và học thử hóa HTML CSS pro cảm thấy rất hay vì thế mà đã tiết kiệm tiền để mua ai dè đến lúc đủ tiền thì lên 1299k:
Hiện nay có vẻ các dự án dùng chủ yếu là redux-toolkit thay vì redux thuần như trước. Hy vọng sẽ có 1 video dễ hiểu dể sử dụng về redux-toolkit trong tương lai !!!
em thấy cả react-query cũng nhiều công ty dùng mong anh ra thêm ạ
Mong anh ra thêm 1 khoá về Redux ạ
Hy vọng anh Sơn comeback khoá ReactJS ạ 😇😇😇😇
a dạy dễ hiểu thiệt sự, a phải theo sư phạm mới đúng
thường sư phạm sẽ chuyên sâu như 1 thầy dạy 1 môn học
nên sẽ không được dạy rộng như YTB đâu b
@@MinhDucOfficial thầy trường mình còn dạy được cả 2 môn react và dotnet
video ngắn rất xúc tích dễ hiểu!! cảm ơn anh Sơn!!! 😍😍😍😍🤩🤩🤩🤩
video của anh rất hay và bổ ích ạ, bữa nào anh có thể làm 1 video về custom hook được ko anh, em cám ơn a
Khuyên ae nên xem usecontext và reducer trước rồi nhảy qua redux, điều này giúp các bác dễ hiểu hơn rất nhiều!
Tui nghĩ đây là redux-core nên không nhất thiết phải nhảy qua react-hook để coi trước
hi vọng anh sẽ ra 1 khóa dạy redux-toolkit
Làm luôn redux toolkit với redux thunk luôn anh😅
Quá thâm
Hậu 😂 like a
Anh Sơn đẹp trai quá ❤
hóng anh ra một khóa về Typescript
Hôm trước em mới build 1 con, mong anh làm thêm video về react-query
Đỉnh luôn anh ơi em cảm ơn anh nhiều
Anh như bị stress, e nghĩ a nên nghĩ ngơi xí
Yêu anh❤
ngày nào cũng đi ngủ lúc 3-4h sáng
mong anh ra khóa học nextjs ạ
Yêu A Sơn Nhất
bao giờ anh cập nhật thêm trong khóa reactJS vậy ạ, em thấy phần sau chưa có video :(
Dạ em xem 2 lần hiểu logic, nhưng phải có Pain thì mới dùng tới thư viện, thư viện thì giúp code nhanh. Nhưng em chưa biết Pain là gì thì dùng redux làm gì? Em từng làm một website bán hàng thì thêm, sửa, xoá chỉ cần listen event thì cập nhật cở sở dữ liệu và render ra thôi. Tóm lại em chưa biết Pain ở đây là gì mà phải dùng tới redux.
Anh làm video về middleware và redux thunk đi ạ
hay anh ơiii 😋
Hay quá anh
Anh làm về zustand tương tự như này đi ạ
redux toolkit nửa anh ơiiii
ước gì này nào sếp cũng mất ngủ :):)
có cách nào mà import mà không cần setup nó là module không a?
Mọi người cho hỏi nếu ban đầu anh sơn làm được bằng redux có sẵn rồi thì cần code lại bằng code thuần chi vậy ạ
Em thấy sai sai ở đoạn 32:59 dòng 15 và 18 phải đổi vị trí cho nhau thì mới đúng chứ ạ
Em nói phải đổi vị trí mà sao em không nói nốt tại sao phải đổi?
@DuyNguyen: Nhìn vô chỗ “subscriber()” - thì biết chắc chắn nó phải nằm trong dispatch rồi bạn, ko sai được.
Vì dispatch là nơi call, subscribe chỉ là nơi đăng ký trước thôi.
anh ơi sau này font end liệu có còn chổ cho dân font end không ạ em thấy mầy con chat AI hiện nay đang rất phát triển làm em lo sợ về một tương lai làm web không còn chổ cho sinh viên mới ra trường ạ :((((
Hay quá
quá đã
ra khóa reactjs pro đi sếp
làm về nestjs đi anh
hiện nay 1 số cty và ae dev FE nở rộ chiến dịch anti redux pattern, anh Sơn thì theo trường phái nào ạ😂
K nên dùng nếu nhu cầu k cần tới. Như t đi làm 3,4 năm nhưng số dự án thực sự cần apply redux chắc chỉ 1,2 cái =))
tùy nhu cầu, hiện tại cũng ít dự án p dùng redux thật sự mà dựa trên mô hình redux rồi tạo các helper xử lý thì hay hơn là sang 1 thằng độc lập như thằng redux
@@nyntyt Vậy dùng gì vậy bạn
@@minhha3574 thực ra là t main angular. Thì dùng các cái có sẵn là đủ thui. Angular thì service, React thì context. Bản chất redux chỉ là quy về mô hình dispatch action rồi update bằng reducer rồi select bằng selector. Còn bản chất việc lưu và lấy data đằng sau thì vẫn dùng cơ bản của thư viện. Redux trong react thì vẫn là context và trong angular thì cũng vẫn là subject như cơ bản thôi
không phải là 1 số mà đa phần thế giới đã tạm dừng build redux với new project. Ngay chính tác giả của redux cũng đã khuyến nghị khi sử dụng rồi mà. Nên anh/em newbie giỡ đỡ vất vả khi phải hiểu 1 mới flow với redux rồi
Chào mọi người, mình đang đắn đo trong việc mua khóa html css pro trên F8 với kỳ vọng là sau khi hoàn thành khóa học, có thể tự làm các landing page thuần thục và bài bản, code đẹp đúng tiêu chuẩn để làm việc ở các cty IT ạ, xin hỏi bạn nào mua và học rồi cho mình xin chút review về khóa với, khóa học này có thể đáp ứng kỳ vọng trên của mình không.
Mình xin cảm ơn ạ.
khóa học dạy kĩ lắm bạn nhé, mình học hơn 1 nửa là đã code được được rồi, các phần sau sẽ nâng cao hơn, nhưng khóa học vẫn chưa hoàn thiện hẳn, còn vài bài nâng cao nữa vẫn đang quay. Nói chung đáng mua nhé!
Dư xăng nhé b, học xong thì b sẽ thấy làm landing page dễ hơn hằn
ngon nhé bạn, vừa ủng hộ f8 vừa học thêm kĩ tính về html css
Mình vote là nên mua, giá cả hợp lý, anh Sơn dạy cực kì chi tiết và dễ hiểu, nhiều cái template mẫu cho bạn thực hành. Tuy vẫn chưa full, nhưng mình nghĩ đủ kiến thức để vừa học vừa research
Học xong b có thể clone lại đc hầu hết các web phổ biến hiện tại, ko tính web 3d, khoá cực chi tiết và bạn sẽ ko thể tìm đc khoá nào chất lượng như F8 ở VN đâu bạn.
[24:30] đặt tên là transaction là hợp lý a ajk 😆
Kaka lúc đó lú ko nghĩ ra nạp với rút là thanh toán =))
hay nha
anh Sơn mập ra 😂
Anh ơi. Sao em đang học ở trang fullstack khoảng 3 clip ban đầu thì bình thường, sau đó xem hết clip thứ 4 mà không mở tiếp bài học sau, rồi reload lại thì màn hình đăng nhập cứ load mãi không đăng nhập được là sao vậy anh?
hay
ADMIN ƠI CHO EM HỎI 1 CHÚT, HỌC XONG KHÓA FULL STACK Ở F8 BÊN MÌNH LIỆU CÓ ĐI LÀM FULLSTACK WEB ĐƯỢC K Ạ, NÊN ĐI THỰC TẬP HAY ĐI LÀM LUÔN Ạ.. ANH CHO EM XIN LỜI KHUYÊN Ạ
Cái này phụ thuộc lớn nhất vào học viên thôi em ơi. Cái gì cũng vậy ý, quan trọng nhất là người học. Bên anh nỗ lực tối đa để em được học và thực hành qua các bài tập, được hỗ trợ ngoài giờ học, vv. Nếu em tận dụng tối đa và siêng năng học thì mới đủ khả năng đi thực tập em ạ. Mà không làm đủ bài tập, không có dự án thực hành, có thắc mắc về nhà cũng không hỏi thì bên anh không cam kết được đâu ý.
Nếu tuân thủ lộ trình và bài tập bên anh thì em sẽ đi thực tập được nhé, và em nên đi thực tập để sớm đi làm được hơn nhé.
@@F8VNOfficial dạ anh, hỗ trợ ngoài giờ học em có thể nhắn tin cho ai không ạ
❤❤❤
tay to❤
❤
nạp tiền còn dùng topup nha a ;)
E muốn sinh con cho a
Alo
Nó là contextAPI + useReducer.
Dạ em xem 2 lần hiểu logic, nhưng phải có Pain thì mới dùng tới thư viện, thư viện thì giúp code nhanh. Nhưng em chưa biết Pain là gì thì dùng redux làm gì? Em từng làm một website bán hàng thì thêm, sửa, xoá chỉ cần listen event thì cập nhật cở sở dữ liệu và render ra thôi. Tóm lại em chưa biết Pain ở đây là gì mà phải dùng tới redux.
❤❤