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

Опубликовано: 20 Март 2026
на канале: Easy Frontend
41,392
751

Chức năng tìm kiếm là một trong những chức năng cần thiết cho bất cứ website nào, vậy mình cài đặt với useEffect hooks như thế nào?

Đây là một video trong chuỗi React hooks của mình.
Trong video này, mình cùng code với các bạn để chia sẻ một vài ý:
Làm sao đợi user gõ xong mới gọi API
Giới thiệu kĩ thuật debounce đơn giản.
Giới thiệu react hooks useRef
Cài đặt component PostFiltersForm
Cùng mình xem hết video để giải đáp những thắc mắc trên nhé! ❤️

🌐 Link tham khảo
Slide useEffect hooks lab: https://drive.google.com/open?id=1XBm...
Using useEffect() hook: https://reactjs.org/docs/hooks-effect...

Introduction to react hooks: https://reactjs.org/docs/hooks-intro....
React hooks API reference: https://reactjs.org/docs/hooks-refere...
React hooks FAQ: https://reactjs.org/docs/hooks-faq.html

#useEffect #useEffect_reactjs #react_hooks #useRef #easyfrontend

-----
💻 Easy Frontend 🎉

Nơi kiến thức lập trình web frontend (html/css/javascript/reactjs) được chia sẻ một cách đơn giản, dễ hiểu mà đặc biệt là vui 😊 Với những tài liệu (tutorial) được biên soạn một cách kĩ lưỡng để giúp các bạn developer mới có thể nắm bắt vấn đề một cách nhanh chóng và hiệu quả. Từ đó nâng dần khả năng coding của các bạn lên theo thời gian.

❤️ Ủng hộ mình làm videos thì đóng góp tại đây nhé:
Ủng hộ tôi: https://unghotoi.com/easyfrontend
MoMo/ZaloPay: 0901 309 729

Kết nối với mình:
🎉Facebook:   / nvhauesmn  
💻Github: https://github.com/paulnguyen-mn
💼 LinkedIn:   / haunguyenmn