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
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ồ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 ạ
@@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 :))
@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
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
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
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 !!!
@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.
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 ơ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?
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 ạ :((((
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 ạ.
ปีที่แล้ว +1
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é!
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.
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é.
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
@@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
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.
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
@@khaile7691 đơ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
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
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
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
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 đề
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 !!!
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:
uầy, nhìn anh viết lại thư viện của nó trong đơn giản thật
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
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.
video ngắn rất xúc tích dễ hiểu!! cảm ơn anh Sơn!!! 😍😍😍😍🤩🤩🤩🤩
Hy vọng anh Sơn comeback khoá ReactJS ạ 😇😇😇😇
em thấy cả react-query cũng nhiều công ty dùng mong anh ra thêm ạ
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
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ủ ạ
Mong anh ra thêm 1 khoá về Redux ạ
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
hi vọng anh sẽ ra 1 khóa dạy redux-toolkit
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 ơ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?
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 :(
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 ạ :((((
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 ạ
Hôm trước em mới build 1 con, mong anh làm thêm video về react-query
có cách nào mà import mà không cần setup nó là module không a?
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.
Anh Sơn đẹp trai quá ❤
hóng anh ra một khóa về Typescript
Anh làm video về middleware và redux thunk đi ạ
Đỉ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í
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 ạ
Quá thâm
Hậu 😂 like a
mong anh ra khóa học nextjs ạ
Yêu anh❤
ngày nào cũng đi ngủ lúc 3-4h sáng
Anh làm về zustand tương tự như này đi ạ
[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 =))
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
Yêu A Sơn Nhất
redux toolkit nửa anh ơiiii
ước gì này nào sếp cũng mất ngủ :):)
hay anh ơiii 😋
Làm luôn redux toolkit với redux thunk luôn anh😅
ra khóa reactjs pro đi sếp
làm về nestjs đi anh
Hay quá anh
anh Sơn mập ra 😂
nạp tiền còn dùng topup nha a ;)
E muốn sinh con cho a
Hay quá
quá đã
hay nha
❤❤❤
hay
❤
Alo
tay to❤
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.
❤❤