React useEffect hook chi tiết dành cho người mới | React JS

Показать описание

Trong video này mình sẽ nói về React useEffect hook chi tiết dành cho người mới | React JS
rất phù hợp cho các bạn mới học nhé. Video được chia làm 4 phần với mỗi ví dụ đi kèm giúp các bạn hình dung ra cách áp dụng React useEffect trong thực tế hơn 😍😍

#hoclaptrinh #hoclaptrinhmienphi #javascript #reactjs #frontend #backend #devops #f8
-------
☻ Phần mềm sử dụng trong video:
--------------
☻ Khóa học lập trình web MIỄN PHÍ:
-------------------------------------

F8 Official
(c) Sơn Đặng

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

Рекомендации по теме

Комментарии

👉 Trong video có đoạn mình nói ngược, add/remove event listener mới là dựa trên observer pattern (publish/subscribe) các bạn nhé. Mình chia video làm 4 phần siêu chi tiết, các phần sau mỗi video khoảng hơn 10 phút. Mình sẽ nói về:
1. useEffect với dependencies
2. useEffect với DOM event listener
3. useEffect với setInterval, setTimeout

FVNOfficial

Em cám ơn thầy Sơn nhiều lắm ạ. Nhờ loạt video giải thích tường tận ba cách dùng của useEffect, em đã đậu vào dream company 🙌🏼😄❤️

Đây là lần thứ ba em phỏng vấn lại, tạch hai lần trước và cuối cùng lần này đậu. Lúc người ta hỏi về useEffect, em trả lời như được mùa ấy, tường tận phân tích 3 cách dùng lẫn ví dụ từ thầy Sơn.

Cám ơn thầy Sơn đã rất có tầm có tâm, nhờ có video thầy Sơn không thôi em bơi theo mệt nghĩ. Hehe

Chúc thầy Sơn luôn nhiều sức khỏe.

Học trò từ phương xa 😄

annbui

Tốc độ ra video quá tuyệt vời luôn học thôi ae ơi!

ThienNguyen-ecle

Anh dạy rất kĩ, ngày nào cũng hóng anh ra bài mới để học ^^

hiephoangvan

cái cách vào video rồi mở laptop lên sau này có thể thành thương hiệu của anh Sơn luôn ấy (～￣▽￣)～

maknaf

Hay quá anh ơi, em vẫn mông lung phần này mà nay anh nói em thấy dễ hiểu quá ạ ^^

dpd

e cảm ơn a nhiều ạ, may mà có a mà mấy cái hook e làm quen trong 1 nốt nhạc

tiendung

cảm ơn anh, video hay quá, hôm qua em vừa gặp lỗi với call api ^^

duahaugaming

Cảm ơn anh video hữu ích lắm ạ, phong cách chân thật mà hiện đại 🤗

noras

Anh cho em hỏi, em đọc doc React có đoạn này:
[ Does useEffect run after every render? Yes! By default, it runs both after the first render and after every update. (We will later talk about how to customize this.) Instead of thinking in terms of “mounting” and “updating”, you might find it easier to think that effects happen “after render”. React guarantees the DOM has been updated by the time it runs the effects. ]
Theo em hiểu thì mounted với render là không giống nhau, nhưng đoạn này nói nghe có vẻ giống nhau. Anh giải thích thêm chỗ này giúp em được không ạ?

QNhuCK

A Sơn e có 1 số câu hỏi về kỹ thuật muốn hỏi thì có thể gửi qua đâu được anh?

hungoan

a ơi, a có mở lớp online dạy js k ạ ?

thunguyen-ommb

Hóng video a Sơn như hồi xưa hóng quà mẹ đi chơ về

benalpha

Video bổ ích.
Hời ơi bảo sao nó chạy vô tận, lên đọc docs chục lần vẫn ko biết chán nản luôn. Mà anh ơi đọc docs cũng phải có cách đúng ko ạ, em đọc doc thật sự thấy trang Mozila là giao diện đẹp, dễ nhìn dễ tim, dễ hiểu, em có đọc docs của Microsoft mà thấy rối quá.

huyhoang

Sao em thử console.log trong useEffect( () => { console.log('test') }) thì nó lại in ra test tới 2 lần vậy á. Mong được các cao nhân chỉ giáo

minhduynguyen

Cho em hỏi chút, mỗi lần nhập ký tự vào ô input thì lại re-render lại component, điều này có ảnh hưởng đến performant ko ạ, ví dụ component đó có nhiều element

vankhanhinfo

Bạn ơi cho mình hỏi:
Mình tạo custom hook (call API), tại component sử dụng nó, mình muốn là khi nhấn vào 1 button mới gọi hook để call API, nên mình call hook trong hàm handleClick, nhưng nó báo "Invalid hook call. Hooks can only be called inside of the body of a function component".
Có cách nào giải quyết (trong thực tế đi làm) bạn nhỉ?

nguoixanh

Video vô cùng bổ ít cho ae nào muốn leo rank :)

tiendatniit

anh dạy kĩ quá chắc em khỏi đọc docs :))

duyphan

Quá tuyệt vời anh ơi, em cảm ơn anh nhìuuu

ThinhNguyen-zbrv

React useEffect hook chi tiết dành cho người mới | React JS

React useEffect hook chi tiết dành cho người mới | React JS

Học useEffect - React Hooks (2021)

React useEffect Hook Chi Tiết Cho Người Mới #1

React useEffect Hook Chi Tiết Cho Người Mới #3

#14 useEffect Hook Cơ Bản - Effect là Quái Gì ? | React Season 2 Với Hook Cho Beginner Từ A đến Z...

React useEffect Hook Chi Tiết Cho Người Mới #2

#23 Lifecycle Methods - UseEffect Hook và Vòng Đời React | Khóa Học React ULTIMATE

React 101 - #5 Cách sử dụng useEffect

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

Khóa học ReactJS - Bài 52: Cách dùng hook useEffect cơ bản

Sử dụng Hook Effect trong React Hook

#14.1 UseEffect Dependencies - Kỹ Thuật Nâng Cao | React Season 2 Với Hook Cho Beginner Từ A đến Z...

useEffect() with DOM events | React hooks 2021 | React JS

React Js 2022: useEffect(...)

Mastering useEffect: Avoid Using useEffect!

useLayoutEffect() hook | Phân biệt useEffect và useLayoutEffect | React JS

Tìm hiểu về thuật ngữ Mounted & Unmounted

useState trong React hook | React hook 2021

#2 ReactHooks - useEffect trong reactjs - Lập trình thật dễ

Hooks là gì? | Khái niệm Hooks - React Hooks

Hướng Dẫn React Siêu Cơ Bản ( Hooks, UseState, UseEffect, Props, Input Event Handling )

React hooks: 09 - useEffect search có debounce 😍 (2020)

Học useRef - React Hooks (2021)

#22 useEffect Cleanup - Cancel Request Axios | React Season 2 Với Hook Từ A đến Z Cho Beginner...