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

[@umamiimamu]

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,

[@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]

sai đó

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

[@nguyenanhtuan2817]

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

[@dientranhuu6198]

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

[@KhangNguyen-kq2iw]

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]

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

[@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]

Cảm ơn em nhiều nha

[@quanghuytran4155]

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

[@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]

ờ cung đúng ha =))

[@cpkcpkcpk2003]

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

[@BaoTran-ii6pc]

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

[@Misskieutra]

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

[@ngocngokim]

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

[@amanda2348-g9j]

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

[@tanvunglien7139]

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

[@tsmusic9587]

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

[@F8VNOfficial]

Cảm ơn em nha

[@youngp8t]

đã làm xong dự án , thực sự kiến thức hồi đó học còn thiếu xót rất nhiều nên khá cực cho performance, h ngồi xem lại kiến thức tiếp thu x100, khuyên các bạn học kĩ và thực hành nhiều giai đoạn đầu :v để không như mình 😅

[@thachquoc1376]

cứ làm project rồi mò logic ra mới nhớ lâu được, chứ nhìn ko code quên mau lắm

[@amanda2348-g9j]

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

[@devinsidee]

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

[@hoangtuyen2000]

haha =]]

[@hoangtruong5663]

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

[@quannguyen5832]

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

[@thanhduynguyen6253]

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

[@trantoan6985]

thank admin, video chi tiết quá

[@atphamminh8384]

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

[@NhatNguyen-zg6il]

Ổn áp quá a trai :o ,

[@vanle8514]

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

[@trantuanat524]

Chuẩn

[@ThienNguyen-ec7le]

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

[@trantuananh4456]

rat hy va de hieu

[@ledinhthai69]

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

[@kienangtrung8862]

Thật bổ ích !!!

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

[@vuongqtvn]

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

[@F8VNOfficial]

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ì 🤣

[@aitran8089]

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]

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

[@aitran8089]

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

[@nguyenvananh2111]

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 ạ

[@nguyenxuantrong3034]

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

[@minhvuong7706]

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]

onClick{setType} là đc

[@khoatran1535]

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

[@thanhhoangngoc3355]

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

[@F8VNOfficial]

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]

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

[@tripham8864]

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]

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é

[@khoivo2459]

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

[@F8VNOfficial]

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

[@khoivo2459]

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

[@quocbao023z]

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

[@igdev6095]

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]

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

[@devdaytoan]

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

[@zennamfan2663]

thanks ad

[@tandang7191]

video 4k

[@thanhduynguyen6253]

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