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

Ғылым және технология

---
👉 XEM LỘ TRÌNH HỌC: fullstack.edu.vn/learning-paths
#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.vn/courses/less...
Xây dựng giao diện với HTML, CSS: fullstack.edu.vn/courses/html...
Xây dựng web responsive: fullstack.edu.vn/courses/resp...
Lập trình Javascript cơ bản: fullstack.edu.vn/courses/java...
Lập trình Javascript nâng cao: fullstack.edu.vn/courses/java...
Làm việc với Terminal & Ubuntu: fullstack.edu.vn/courses/wind...
Xây Dựng Website với ReactJS: fullstack.edu.vn/courses/reactjs
Xây dựng web với Node & Express: fullstack.edu.vn/courses/nodejs
HTML, CSS tips: fullstack.edu.vn/courses/html...
Ứng dụng cảnh báo khi sờ lên mặt: fullstack.edu.vn/courses/tool...
Xem thêm tại: fullstack.edu.vn/courses
☻ 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.

Пікірлер: 95

  • @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

  • @BabyNightbot

    @BabyNightbot

    11 ай бұрын

    @@Dkid009 toolkit nó code đơn giản hơn, nhưng cũng dựa trên redux nguyên bản này thôi, như kiểu tool kit là thư viện nó viết sẵn function rồi, mình chỉ import vào rồi sử dụng thôi. bạn xem mà hiểu hết redux sẽ hiểu toolkit

  • @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 ạ. 😍😍😍😍

  • @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ú.

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

    Mong anh ra nhiều video dạng như thế này ạ. Xuất sắc luôn :D

  • @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 đề

  • @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

  • @phucovan7130
    @phucovan713011 ай бұрын

    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

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

    Đỉnh luôn anh ơi em cảm ơn anh nhiều

  • @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

    11 ай бұрын

    @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

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

    em thấy cả react-query cũng nhiều công ty dùng mong anh ra thêm ạ

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

    Quá thâm Hậu 😂 like a

  • @hoanglogg_09
    @hoanglogg_0911 ай бұрын

    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:

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

    video ngắn rất xúc tích dễ hiểu!! cảm ơn anh Sơn!!! 😍😍😍😍🤩🤩🤩🤩

  • @BabyNightbot
    @BabyNightbot11 ай бұрын

    cuối cùng cũng có Redux rồi anh em. mỗi lần ôn thi em đều lên F8 để ôn lại kiến thức giúp em hệ thống lại kiến thức khá tốt.

  • @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ủ ạ

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

    Yêu anh❤

  • @tienhuynh2435
    @tienhuynh24359 ай бұрын

    uầy, nhìn anh viết lại thư viện của nó trong đơn giản thật

  • @truongnguyen7378
    @truongnguyen737811 ай бұрын

    hi vọng anh sẽ ra 1 khóa dạy redux-toolkit

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

    Hôm trước em mới build 1 con, mong anh làm thêm video về react-query

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

    Hy vọng anh Sơn comeback khoá ReactJS ạ 😇😇😇😇

  • @user-pk1dy2mf4l
    @user-pk1dy2mf4l Жыл бұрын

    Hay quá anh

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

    hay anh ơiii 😋

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

    Yêu A Sơn Nhất

  • @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 !!!

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

    Anh Sơn đẹp trai quá ❤

  • @khaihoannguyen9446
    @khaihoannguyen944611 ай бұрын

    hóng anh ra một khóa về Typescript

  • @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 :(

  • @DuyTran-ss4lu
    @DuyTran-ss4lu Жыл бұрын

    Hay quá

  • @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

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

    quá đã

  • @nguyenphucquyetfplhn_k1726
    @nguyenphucquyetfplhn_k172611 ай бұрын

    mong anh ra khóa học nextjs ạ

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

    Anh như bị stress, e nghĩ a nên nghĩ ngơi xí

  • @sonluu5310
    @sonluu531011 ай бұрын

    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?

  • @minhloi735
    @minhloi7353 ай бұрын

    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.

  • @someoneudontknow3470
    @someoneudontknow347010 ай бұрын

    Anh làm video về middleware và redux thunk đi ạ

  • @2giosangmitom
    @2giosangmitom Жыл бұрын

    Zustand cũng đơn giản và nhẹ như redux, dùng cũng tốt lắm

  • @FullReview97

    @FullReview97

    Жыл бұрын

    không hiểu sao cty chọn saga làm middleware trong khi dùng redux thunk thấy ổn áp lâm r

  • @trieunguyentuan4589

    @trieunguyentuan4589

    Жыл бұрын

    @@FullReview97 Tại thèn lead thích màu mè :))) thích lòe loẹt thôi :))))

  • @nhatphananh1144

    @nhatphananh1144

    11 ай бұрын

    @@FullReview97 khi nào ông phải viết unit test với redux thunk ấy, khi đó thì mới thấy redux saga nó toẹt vời hơn (so với thunk) như nào.

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

    a dạy dễ hiểu thiệt sự, a phải theo sư phạm mới đúng

  • @MinhDucOfficial

    @MinhDucOfficial

    11 ай бұрын

    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

    9 ай бұрын

    @@MinhDucOfficial thầy trường mình còn dạy được cả 2 môn react và dotnet

  • @mrlknowledges
    @mrlknowledges11 ай бұрын

    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 ạ :((((

  • @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 ạ

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

    hay nha

  • @HuyNguyen-vs2gv
    @HuyNguyen-vs2gv Жыл бұрын

    Anh làm về zustand tương tự như này đi ạ

  • @user-bo4sb5dj3e
    @user-bo4sb5dj3e11 ай бұрын

    hay

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

    redux toolkit nửa anh ơiiii

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

    ❤❤❤

  • @duonghoangphu7689
    @duonghoangphu76894 ай бұрын

    có cách nào mà import mà không cần setup nó là module không a?

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

    làm về nestjs đi anh

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

    ❤❤

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

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

    ra khóa reactjs pro đi sếp

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

    Làm luôn redux toolkit với redux thunk luôn anh😅

  • @Zuong2003
    @Zuong200310 ай бұрын

    ngày nào cũng đi ngủ lúc 3-4h sáng

  • @juhandvan
    @juhandvan11 ай бұрын

    [24:30] đặt tên là transaction là hợp lý a ajk 😆

  • @F8VNOfficial

    @F8VNOfficial

    11 ай бұрын

    Kaka lúc đó lú ko nghĩ ra nạp với rút là thanh toán =))

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

    anh Sơn mập ra 😂

  • @sonvuong2569
    @sonvuong256911 ай бұрын

    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

    11 ай бұрын

    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

    11 ай бұрын

    @@F8VNOfficial dạ anh, hỗ trợ ngoài giờ học em có thể nhắn tin cho ai khô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

    11 ай бұрын

    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

  • @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.

  • Жыл бұрын

    ước gì này nào sếp cũng mất ngủ :):)

  • @beheoxjnh
    @beheoxjnh11 ай бұрын

    nạp tiền còn dùng topup nha a ;)

  • @DuyNguyen-fe5jq
    @DuyNguyen-fe5jq4 ай бұрын

    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

    4 ай бұрын

    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

    20 күн бұрын

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

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

    tay to❤

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

    E muốn sinh con cho a

  • @quocanhpham1818
    @quocanhpham181811 ай бұрын

    Alo

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

    Mong anh ra thêm 1 khoá về Redux ạ

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

    Nó là contextAPI + useReducer.

  • @minhloi735
    @minhloi7353 ай бұрын

    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.

Келесі