Тёмный

Học Redux và viết lại nó với 1 dòng code =)) 

F8 Official
Подписаться 138 тыс.
Просмотров 47 тыс.
50% 1

---
👉 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.

Опубликовано:

 

15 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 91   
@inhbaonguyen5372
@inhbaonguyen5372 Год назад
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ủ
@khaile7691
@khaile7691 Год назад
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
@Dkid009
@Dkid009 Год назад
Anh ơi còn cái sơ đồ redux toolkit thì sao ạ
@beautifullgirls8289
@beautifullgirls8289 Год назад
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
@starlight9816
@starlight9816 Месяц назад
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.
@baovo5322
@baovo5322 Месяц назад
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
@theduong1683
@theduong1683 Год назад
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ú.
@duyphantan9529
@duyphantan9529 Год назад
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
@qodzed4520 Год назад
Cho mình hỏi ,PHP ổn không ạ bạn ơi
@tuongduynguyen5225
@tuongduynguyen5225 Год назад
@@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 :))
@FullReview97
@FullReview97 Год назад
@@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
@minhnguyen86
@minhnguyen86 Год назад
@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
@FullReview97
@FullReview97 Год назад
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
@anhtuanpham2270
@anhtuanpham2270 Год назад
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 ạ. 😍😍😍😍
@hieuminh9402
@hieuminh9402 Год назад
Mong anh ra nhiều video dạng như thế này ạ. Xuất sắc luôn :D
@hoanglogg_09
@hoanglogg_09 Год назад
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:
@hotnews2217
@hotnews2217 Год назад
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 đề
@hieuluutrong8591
@hieuluutrong8591 Год назад
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 !!!
@huutuannguyen4491
@huutuannguyen4491 Год назад
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ủ ạ
@phucovan7130
@phucovan7130 Год назад
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
@binhbui4405
@binhbui4405 Год назад
em thấy cả react-query cũng nhiều công ty dùng mong anh ra thêm ạ
@tienhuynh2435
@tienhuynh2435 11 месяцев назад
uầy, nhìn anh viết lại thư viện của nó trong đơn giản thật
@khangphamminh874
@khangphamminh874 Год назад
Hy vọng anh Sơn comeback khoá ReactJS ạ 😇😇😇😇
@minhloi735
@minhloi735 6 месяцев назад
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.
@tuongduynguyen5225
@tuongduynguyen5225 Год назад
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!
@RinkaMizuki
@RinkaMizuki Год назад
Tui nghĩ đây là redux-core nên không nhất thiết phải nhảy qua react-hook để coi trước
@AndrewNguyen0308
@AndrewNguyen0308 Год назад
Hôm trước em mới build 1 con, mong anh làm thêm video về react-query
@truongnguyen7378
@truongnguyen7378 Год назад
hi vọng anh sẽ ra 1 khóa dạy redux-toolkit
@vancongang3092
@vancongang3092 Год назад
Anh Sơn đẹp trai quá ❤
@chungtunguyen6135
@chungtunguyen6135 Год назад
video ngắn rất xúc tích dễ hiểu!! cảm ơn anh Sơn!!! 😍😍😍😍🤩🤩🤩🤩
@huutuannguyen4491
@huutuannguyen4491 Год назад
a dạy dễ hiểu thiệt sự, a phải theo sư phạm mới đúng
@MinhDucOfficial
@MinhDucOfficial Год назад
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
@tienhuynh2435
@tienhuynh2435 11 месяцев назад
@@MinhDucOfficial thầy trường mình còn dạy được cả 2 môn react và dotnet
@khoinguyen9872
@khoinguyen9872 Год назад
Đỉnh luôn anh ơi em cảm ơn anh nhiều
@phuhuyphan822
@phuhuyphan822 Год назад
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 :(
@trungminh549
@trungminh549 Год назад
Quá thâm Hậu 😂 like a
@mrlknowledges
@mrlknowledges Год назад
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 ạ :((((
@khaihoannguyen9446
@khaihoannguyen9446 Год назад
hóng anh ra một khóa về Typescript
@someoneudontknow3470
@someoneudontknow3470 Год назад
Anh làm video về middleware và redux thunk đi ạ
@sonluu5310
@sonluu5310 Год назад
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?
@DavidJames535
@DavidJames535 Год назад
Yêu anh❤
@quannguyenviet643
@quannguyenviet643 Год назад
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 ạ
@duonghoangphu7689
@duonghoangphu7689 6 месяцев назад
có cách nào mà import mà không cần setup nó là module không a?
@nguyenphucquyetfplhn_k1726
@nguyenphucquyetfplhn_k1726 Год назад
mong anh ra khóa học nextjs ạ
@nhanngutrongrung9556
@nhanngutrongrung9556 Год назад
Yêu A Sơn Nhất
@metablibv37
@metablibv37 Год назад
Anh như bị stress, e nghĩ a nên nghĩ ngơi xí
@HuyNguyen-vs2gv
@HuyNguyen-vs2gv Год назад
Anh làm về zustand tương tự như này đi ạ
@angtinh5078
@angtinh5078 Год назад
redux toolkit nửa anh ơiiii
@QuangMinhNguyễn-u3t
@QuangMinhNguyễn-u3t Год назад
Hay quá anh
@Zuong2003
@Zuong2003 Год назад
ngày nào cũng đi ngủ lúc 3-4h sáng
@coolandcleansigma
@coolandcleansigma Год назад
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é!
@devquen7688
@devquen7688 Год назад
Dư xăng nhé b, học xong thì b sẽ thấy làm landing page dễ hơn hằn
@dodo.997
@dodo.997 Год назад
ngon nhé bạn, vừa ủng hộ f8 vừa học thêm kĩ tính về html css
@thieuminh98
@thieuminh98 Год назад
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
@anhduchoang2722
@anhduchoang2722 Год назад
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.
@newhorizon7215
@newhorizon7215 Год назад
Làm luôn redux toolkit với redux thunk luôn anh😅
Год назад
ước gì này nào sếp cũng mất ngủ :):)
@devquen7688
@devquen7688 Год назад
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 ạ😂
@nyntyt
@nyntyt Год назад
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 =))
@74.nguyenkhactuan77
@74.nguyenkhactuan77 Год назад
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
@minhha3574 Год назад
@@nyntyt Vậy dùng gì vậy bạn
@nyntyt
@nyntyt Год назад
@@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
@nhatphananh1144
@nhatphananh1144 Год назад
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
@nghiabasil
@nghiabasil Год назад
Mong anh ra thêm 1 khoá về Redux ạ
@iamnguyenhoanganh
@iamnguyenhoanganh Год назад
hay anh ơiii 😋
@DuyNguyen-fe5jq
@DuyNguyen-fe5jq 6 месяцев назад
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ứ ạ
@F8VNOfficial
@F8VNOfficial 6 месяцев назад
Em nói phải đổi vị trí mà sao em không nói nốt tại sao phải đổi?
@persas1683
@persas1683 3 месяца назад
@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.
@juhandvan
@juhandvan Год назад
[24:30] đặt tên là transaction là hợp lý a ajk 😆
@F8VNOfficial
@F8VNOfficial Год назад
Kaka lúc đó lú ko nghĩ ra nạp với rút là thanh toán =))
@DuyTran-ss4lu
@DuyTran-ss4lu Год назад
Hay quá
@canvanduy7287
@canvanduy7287 Год назад
ra khóa reactjs pro đi sếp
@_TranQuocThien
@_TranQuocThien Год назад
làm về nestjs đi anh
@nguyentrungkien8088
@nguyentrungkien8088 Год назад
quá đã
@sonvuong2569
@sonvuong2569 Год назад
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 Ạ
@F8VNOfficial
@F8VNOfficial Год назад
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é.
@sonvuong2569
@sonvuong2569 Год назад
@@F8VNOfficial dạ anh, hỗ trợ ngoài giờ học em có thể nhắn tin cho ai không ạ
@tmc6957
@tmc6957 Год назад
anh Sơn mập ra 😂
@vibestation23
@vibestation23 Год назад
hay nha
@user-bo4sb5dj3e
@user-bo4sb5dj3e Год назад
hay
@hoangtruong5663
@hoangtruong5663 Год назад
E muốn sinh con cho a
@beheoxjnh
@beheoxjnh Год назад
nạp tiền còn dùng topup nha a ;)
@RichKidVnn
@RichKidVnn Год назад
❤❤❤
@vuongqtvn
@vuongqtvn Год назад
@dennisnguyen5787
@dennisnguyen5787 Год назад
tay to❤
@quocanhpham1818
@quocanhpham1818 Год назад
Alo
@dattranthanh6757
@dattranthanh6757 Год назад
Nó là contextAPI + useReducer.
@minhloi735
@minhloi735 6 месяцев назад
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.
@voquocan264
@voquocan264 Год назад
❤❤
Далее
So sánh useMemo và useCallback khác nhau gì?
22:23
ЗАБЛУДИЛИСЬ В ТРАВЕ #shorts
00:25
Просмотров 419 тыс.
Real respect sig
00:48
Просмотров 1,4 млн
Каха и жена (недопонимание)
00:37
Redux - Complete Tutorial (with Redux Toolkit)
37:01
Просмотров 207 тыс.
useState trong React hook | React hook 2021
19:51
Просмотров 92 тыс.
Redux For Beginners | React Redux Tutorial
39:43
Просмотров 1,2 млн
Every React Concept Explained in 12 Minutes
11:53
Просмотров 630 тыс.
Learn React Hooks: useCallback - Simply Explained!
17:15