useEffect() with dependencies | React hooks 2021 | React JS

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

👉 Xem Lộ Trình Học: fullstack.edu.vn/learning-paths
👉 Đăng Ký Học Offline Tại F8: short.f8team.dev/dang-ky-hoc-...
Video này chúng ta sẽ tiếp tục nội dung của bài trước, tìm hiểu về useEffect() with dependencies | React hooks 2021 | React JS
#hoclaptrinh #hoclaptrinhmienphi #javascript #reactjs #frontend #backend #devops #f8
-------
☻ 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: s.net.vn/D8kL
Công cụ viết CV xin việc chuyên nghiệp: mycv.vn
--------------
☻ 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
-------------------------------------
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.

Пікірлер: 64

  • @nguyenanhtuan2817
    @nguyenanhtuan28172 жыл бұрын

    ae ơi, quảng cáo giữa video của f8 thì đừng vội tắt đi nhé, click vào cho nó nhảy xang tap khác rồi sau tắt đi cũng đc

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

    chúc A Sơn và toàn thể các ae trong ekip thật nhiều sức khoẻ, cảm ơn a vì thời gian và kiến thức đã mang lại cho cộng đồng,

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

    Cảm ơn anh Sơn nhé! Rất chi tiết và sâu chuỗi ạ!

  • @BaoTran-ii6pc
    @BaoTran-ii6pc2 жыл бұрын

    Cám ơn anh, em lại tiếp thu được thêm nhiều kiến thức mới.

  • @quanghuytran4155
    @quanghuytran41552 жыл бұрын

    Cảm ơn anh Sơn vì những video chi tiết và bổ ích :D

  • @cpkcpkcpk2003
    @cpkcpkcpk20032 жыл бұрын

    A dạy dễ hiểu quá thanks a Sơn nhiều

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

    Ông này hay, giảng tường tận. Nghe cách nói chuyện, tui đoán là con người hiền hậu + khiêm tốn. Ít người được như ông này. ❤

  • @pmelopy7721

    @pmelopy7721

    Жыл бұрын

    sai đó

  • @maiphuchoang7170

    @maiphuchoang7170

    Жыл бұрын

    Nhìn ra con người tường minh, cái gì sẽ ra cái đó. Nếp sống chắc chắn rất kỷ luật

  • @KhangNguyen-kq2iw
    @KhangNguyen-kq2iw2 жыл бұрын

    ay da, intro mới chất quá thầy Sơn, mà em vẫn thích nhạc intro cũ hơn, nhẹ nhàng, sang trọng

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

    cảm ơn a .. bài học rất chi tiết & dể hiểu ạ .:)

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

    có thể hiểu trong trường hợp 2 truyền mảng rỗng có nghĩa là dependency không bao giờ thay đổi => callback chỉ được gọi 1 lần duy nhất

  • @lightd1404

    @lightd1404

    Жыл бұрын

    ờ cung đúng ha =))

  • @quannguyen5832
    @quannguyen58322 жыл бұрын

    Hay quá anh ơi, cảm ơn anh nhiều

  • @kienangtrung8862
    @kienangtrung88622 жыл бұрын

    Thật bổ ích !!!

  • @atphamminh8384
    @atphamminh83842 жыл бұрын

    anh Sơn quá vip, i love you 3000

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

    thank admin, video chi tiết quá

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

    Hay quá. Rất cảm ơn

  • @NhatNguyen-zg6il
    @NhatNguyen-zg6il2 жыл бұрын

    Ổn áp quá a trai :o ,

  • @trantuananh4456
    @trantuananh44562 жыл бұрын

    rat hy va de hieu

  • @ngocngokim
    @ngocngokim10 ай бұрын

    có thầy giáo học cái gì cũng dễ 😁😁😁

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

    Cảm ơn a. E thấy dễ hiểu thật mặc dù e là ng hiểu rất chậm., nên e nghĩ các b mà có base sẵn rồi thì chắc cũng k khó khăn gì =))

  • @F8VNOfficial

    @F8VNOfficial

    Жыл бұрын

    Cảm ơn em nhiều nha

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

    BTVN thêm mỗi mấy String vào mảng thôi ạ. const tabs=['posts', 'comments', 'albums', 'photos', 'todos', 'users']

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

    thanks ad

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

    kiến thức này đã được tiếp thu!

  • @F8VNOfficial

    @F8VNOfficial

    Жыл бұрын

    Cảm ơn em nha

  • @tanvunglien7139
    @tanvunglien71392 жыл бұрын

    nodejs anh có ra video mới nữa ko anh ơi

  • @hoangthaininh8489
    @hoangthaininh84892 жыл бұрын

    cho em hỏi anh quay màn hình bầng gì vậy ạ

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

    Click vào quảng cáo có giúp đc gì cko a ko a Sơn

  • @vanle8514
    @vanle85142 жыл бұрын

    Intro mới, khá gắt, mà thích intro cũ chất hơn :D

  • @trantuanat524

    @trantuanat524

    2 жыл бұрын

    Chuẩn

  • @ThienNguyen-ec7le

    @ThienNguyen-ec7le

    2 жыл бұрын

    Intro mới hợp với Vlog hơn

  • @vuongqtvn
    @vuongqtvn2 жыл бұрын

    anh nói ra ngay mà đúng 1 ngày =))

  • @F8VNOfficial

    @F8VNOfficial

    2 жыл бұрын

    A nói cho các bạn trong tương lai nha. Giờ ai mà xem video trước thì đúng là gặp lại a trong video này ngay còn gì 🤣

  • @NamLe-sl4qy
    @NamLe-sl4qy2 жыл бұрын

    13:02 nó hiện ra 2 lần như vậy có ảnh hưởng gì không ạ?

  • @nguyenvananh2111
    @nguyenvananh21112 жыл бұрын

    cho mình hỏi case này với khi dùng class thì có shouldUpdate, didUpdate thì có prevState, prevProp và có thể handle logic để check các trường hợp phức tạp để re-render còn ở useEffect thì chỉ phụ thuộc vào mỗi change của 1 trong các deps vậy trường hợp dùng hook có thể handle được như shouldUpdate bên class được không cám ơn ạ

  • @devinsidee
    @devinsidee2 жыл бұрын

    F8 nhà cái có tâm hàng đầu VN

  • @hoangtuyen2000

    @hoangtuyen2000

    Ай бұрын

    haha =]]

  • @thanhduynguyen6253
    @thanhduynguyen62537 ай бұрын

    api của lúc ấn toggle thì vẫn call 2 lần, a Sơn giải thích giúp e với được k a

  • @quocbao023z
    @quocbao023z2 жыл бұрын

    Anh hướng dẫn SQL và môn cấu trúc dữ liệu giải thuật đi ạ

  • @tripham8864
    @tripham88642 жыл бұрын

    E xài vsCode thì trong useEffect có bao nhiêu cái biến ở trong đều bắt khai des hết ạ nếu ko sẽ warning màu vàng. Cảm ơn a bài giảng rất ngắn và dễ hiểu

  • @F8VNOfficial

    @F8VNOfficial

    2 жыл бұрын

    Dùng các giá trị có thể thay đổi giá trị trong callback nó đều warning bảo đưa vào deps hết em nhé. Cái này em tìm hiểu về closure để hiểu tại sao phải đưa các biến đó vào deps nhé

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

    Em làm y như theo hướng dẫn mà api posts vẫn bị gọi 2 lần là sao anh

  • @NamLe-sl4qy
    @NamLe-sl4qy11 ай бұрын

    5:18 sao nó in ra có 1 lần nhỉ? có StrictMode em thử rõ là nó in ra 2 lần mà?

  • @aitran8089
    @aitran80892 жыл бұрын

    Posts ban đầu là mãng rỗng khi map ra, với key là title mà ko lỗi ở lần đầu tiên à anh

  • @F8VNOfficial

    @F8VNOfficial

    2 жыл бұрын

    Mảng rỗng thì map có chạy được lần nào đâu mà lỗi em.

  • @aitran8089

    @aitran8089

    2 жыл бұрын

    @@F8VNOfficial dạ e cám ơn, e chưa đọc kĩ map

  • @nguyenxuantrong3034
    @nguyenxuantrong30342 жыл бұрын

    cho mình hỏi sự khác nhau giữa onClick{setType(tab)} và onClick{() => setType(tab)} được không ạ?

  • @minhvuong7706

    @minhvuong7706

    2 жыл бұрын

    Theo mình thì là: cái trên là giá trị trả về từ hàm còn cái dưới là hàm. Cái mà onClick cần là function

  • @danthai92

    @danthai92

    2 жыл бұрын

    onClick{setType} là đc

  • @khoatran1535

    @khoatran1535

    2 жыл бұрын

    cái trên thì chạy ngay khi code đọc tới mà chưa cần onClick.cái sau thì dc học r,onClick thì nó mới chạy cái callback

  • @devdaytoan
    @devdaytoan2 жыл бұрын

    mong anh sơn qua tết ra video lại ạ ......

  • @tandang7191
    @tandang71912 жыл бұрын

    video 4k

  • @thanhhoangngoc3355
    @thanhhoangngoc33552 жыл бұрын

    Anh ơi khi reload lại trang web thì useeffect dependency rỗng có chạy lại k ạ

  • @F8VNOfficial

    @F8VNOfficial

    2 жыл бұрын

    Không em ơi, reload trang là em đứng ở cấp trình duyệt em reload rồi, và reload nó giải phóng chương trình rồi nên code của em ko có chạy được đâu nhé.

  • @F8VNOfficial

    @F8VNOfficial

    2 жыл бұрын

    Nếu em muốn chạy code trước khi reload thì tìm hiểu về beforeunload event nhé

  • @igdev6095
    @igdev60952 жыл бұрын

    Chẳng hạn trong dependencies đó chứa biến kểu object thì vd mỗi khi re-render giá trị của object ko thay đổi nhưng địa chỉ của nó thay đổi nên vẫn trigger callback phải ko a nh :D

  • @F8VNOfficial

    @F8VNOfficial

    2 жыл бұрын

    Đúng rồi, nó dùng === mà

  • @khoivo2459
    @khoivo245919 күн бұрын

    dạ a ơi sao bài này e xem bên web f8 ko được

  • @F8VNOfficial

    @F8VNOfficial

    19 күн бұрын

    Em vô xem lại đi em. Nãy bug anh sửa rồi nha

  • @khoivo2459

    @khoivo2459

    19 күн бұрын

    @@F8VNOfficial dạ em vào được rồi ạ. Em cảm ơn anh ạ

  • @thanhduynguyen6253
    @thanhduynguyen62537 ай бұрын

    có bạn nào log type ra 3 lần không nhỉ :))))

Келесі