Học useEffect - React Hooks (2021)
Вставка
- Опубліковано 8 вер 2024
- Học useEffect- Series React Hooks 2021
React Hooks là một tính năng mới được thêm vào React từ phiên bản 16.8 giúp chúng ta có thể sử dụng các tính năng của React như life cycle, quản lý state trong functional components.
Nếu như các bạn đã biết về React Hooks nhưng chưa thực sự hiểu rõ về nó, cũng như thắc mắc lý do vì sao chúng ta phải sử dụng React Hooks hay nếu như các bạn chưa biết gì về React Hooks thì ở trong series này mình sẽ giải đáp các thắc mắc đó và giới thiệu cho các bạn các React Hooks phổ biến mà bạn nên biết thông qua các ví dụ đơn giản để từ đó các bạn có thể áp dụng ngay vào trong dự án của mình sau khi hoàn thành xong series này.
📕Resources
Học useEffect: • Học useState - React H...
Học useMemo: • Học useMemo - React Ho...
Học React JS cơ bản trong 30 phút: • Học React JS cơ bản tr...
Fake data: reqres.in/
💻 Thông số PC & Gears của mình (Affiliate Links):
Máy ảnh Canon EOS M50 + Kit 15-45mm - shorten.asia/b... (TIKI)
Microphones Elgato Microphone Wave 3 - shorten.asia/j... (TIKI)
Micro Rode Videomic Goshorten.asia/w... (TIKI)
Màn hình Dell S2421HN 23.8Inch IPS - shorten.asia/7... (TIKI)
Màn hình MSI OPTIX G27C4 27 VA 165Hz - shorten.asia/w... (TIKI)
Tai Nghe Gaming SteelSeries Arctis 7 DTS.X 7.1 - shorten.asia/E... (TIKI)
Chuột SteelSeries Rival 310 - shorten.asia/A... (TIKI)
Ổ cứng HDD Western Digital BLUE 6TB - shorten.asia/Q... (TIKI)
CPU Intel Core i5-10400 - shorten.asia/y... (TIKI)
Ram ADATA DDR4 XPG GAMMIX D10 8GB 3200MHz - shorten.asia/2... (TIKI)
Mainboard ASRock B460M - shorten.asia/G... (TIKI)
📢 Liên hệ với mình tại:
Facebook: /
Instagram: / holetex
Github: github.com/hol...
Facebook cá nhân: / minhtung09
Email: holetex@outlook.com
#reacthooks #reactjs #react #hooks #holetex #useEffect
** Vấn đề về âm thanh **
Do có chút trục trặc kĩ thuật nên âm thanh của video này sẽ không được đều, sẽ có một vài đoạn âm thanh bị tăng/giảm. Các bạn hãy thông cảm cho mình nhé. Have a nice day! 😀
anh ơi em nói thật lòng là anh cứu mạng lắm luôn. Tự học vớ được mentor như anh. Qúy giá!!!!!
Cách dạy của anh rất hay, ngắn gọn cô đọng kiến thức
Em mới tìm hiểu về React ,mà xem được video của anh như gặp phải vàng vậy!! Dễ hiểu dễ hình dung. Cảm ơn anh
Ví dụ thực tế rất dễ hiểu, cảm ơn a rất nhiều
làm react hook lâu rồi mà vẫn học được thêm một cái mới mà trước kia chưa biết sau khi xem video này, cám ơn anh rất nhiều
dạ, mong anh ra thật nhiều video thêm về react ạ, anh giảng rất là dễ hiểu luôn :3
A này làm content với backgroup video khá xịn giống với Web Dev Simplifield =))
A giảng rất hay anh ơi. Nhưng mong anh đề cập đến trong 1 dự án thực tế nó thường áp dụng như thế nào như vậy rất dễ để gà mờ như e hình dung ạ. E cảm ơn😍
cảm ơn anh! nhờ video của anh mà em hiểu hơn về useEfect
anh nói dễ hiểu quá, nhưng phải đọc tài liệu trước nghe sẽ dễ hiểu hơn
kiểu này anh làm cả seri redux , redux saga , redux thunk là đẹp
luôn theo dõi series Reactjs này của anh, bổ ích ạ
rất hay và bổ ích ạ, đi thẳng dô vấn đề :D cảm ơn bạn
Hay và dễ hiểu quá, 1 like cho anh ạ
Hay và dễ hiểu lắm anh ưi. Lần đầu tiên xem và đã like + sub
Cảm ơn em nhiều
Em cảm ơn anh nhiều ạ, anh giảng rất hay và dễ hiểu, em đã subscribe kênh anh 😍
Mong anh ra nhiều video chia sẻ hơn nữa.
Chúc anh ngày càng thành công hơn ạ.
cảm ơn em nhiều 😄
Hay
rất dễ hiểu ạ. cám ơn anh!
anh giảng hay quá
giảng kĩ, hay quá anh
Quá tuyệt vời a ơi
Video rất hữu ích, cảm ơn anh đã chia sẻ, nhìn anh giống với anh bên web dev simplified phiên bản vietnamesr 😆
Ya, sư phụ của anh đó hehe. Cảm ơn em nhiều
a làm video về lifecycle ReactJs đi anh
ok bác, rất rõ ràng :)
Siêu dễ hiểu
ghim mai xem. Giờ xem sợ ngứa tay,hihi
hay quá anh. anh làm vài project về reactjs redux đi ạ
Anh làm về useRef đi anh
anh có thể làm thêm về useContext được không a?
hay quá anh ạ=)))
nghe anh nói mới thấy em học chưa kĩ , chưa đào sâu hẳn vào , mà chỉ dùng 1 cách vô hồn thôi
cleanup khi nào mình thêm vào anh hay cứ có useEffect là mình dùng
cái document.adeventlistener em ko dùng được trong react js anh ơi , cái này em bị lâu rồi ko hiểu sao anh lại dùng được vậy
Em bị lỗi gì nhỉ
anh làm video về useMemo đi anh
Em ơi có rồi á
a ơi cho em hỏi ạ , vì sao gọi Api ở trong redux hơn là gọi api ở trong useEffect ạ . em cảm hơn ạ
cleaner trong useEffect chạy khi nào a
mọi người oi tư vấn e xíu...e h bắt đầu học reactjs thì nên học hook luôn hay phải biết sử dụng class component nữa ạ..em newbie xin đừng ném gạch ạ
học hooks luôn đi bạn, class component bây giời ít người dùng lắm
anh ơi khi e đặt dependencies useEffect là 1 biến state có giá trị là object , khi em có 1 hàm set lại state đấy vẫn bằng object cũ , nhưng usEffect vẫn bị render lại là do về tham chiếu đúng không ạ , mong a giải thích cho e ạ
Đúng rồi em nhé
Cmt đầu ạ
mình muốn chạy 1 function trước khi component được render thì làm như nào a nhỉ?
Mình nghĩ là không có cách nào. Khi 1 component được render thì các function trong component đó mới được chạy. Bạn chỉ có thể chạy 1 function trong thằng cha của nó trước khi nó render thôi.
like