Trong hàm useDebounce, mỗi khi value trong mảng deps thay đổi thì clearnup function được gọi, nên sẽ clear timeout trước đó đi (huỷ những lần trước đi). Vì vậy, cho tới khi người dùng ngừng gõ 500ms API mới được gọi (mình có nói điều này ở 07:06).
👉 useState hook:
👉 useEffect hook:
—
👉 XEM LỘ TRÌNH HỌC:
Hãy học tại trang web thay vì Youtube. Lý do tại sao mời bạn bấm vào đây:
#hoclaptrinh #javascript #html_css #nodejs #restful_api #backend #devops
—————————————
☻ Phần mềm sử dụng trong video:
Công cụ dịch Tiếng Anh:
Công cụ đo đạc giao diện web:
Công cụ viết CV xin việc chuyên nghiệp:
☻ Tiện ích cho Visual Studio Code:
Gợi ý code: Tabnine Autocomplete AI (
Tự động đóng thẻ: Auto Close Tag (
Tự động đổi tên thẻ đóng/mở: Auto Rename Tag (
Thêm màu sắc cho các cặp ngoặc: Bracket Pair Colorizer (
Icon theme: Material Icon Theme (
Hiển thị thông tin Git (commit, author, …): Gitlens (
☻ Khóa học lập trình web MIỄN PHÍ:
Kiến thức nhập môn:
Xây dựng giao diện với HTML, CSS:
Xây dựng web responsive:
Lập trình Javascript cơ bản:
Lập trình Javascript nâng cao:
Làm việc với Terminal & Ubuntu:
Xây Dựng Website với ReactJS:
Xây dựng web với Node & Express:
HTML, CSS tips:
Ứng dụng cảnh báo khi sờ lên mặt:
Xem thêm tại:
☻ Chú ý :
– Không văng tục chửi bậy, bình luận có văn hóa.
– Không hỏi khi chưa xem xong video.
Sai phạm sẽ được mời khỏi kênh.
☻ F8 là nơi học lập trình để đi làm!
Tại sao bạn nên học lập trình tại đây? Ở đây chúng tôi có:
– Nội dung bài học chỉn chu và chi tiết giúp học viên hiểu từ cái gốc
– Kỹ năng sư phạm khác biệt từ người dạy giúp học viên có thêm nhiều động lực
– Hình ảnh và âm thanh chất lượng cao giúp học viên thêm hứng thú
F8 Official
(c) Sơn Đặng
Website:
Facebook cá nhân:
Nhóm Học Lập Trình Web:
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.
Trong hàm useDebounce, mỗi khi value trong mảng deps thay đổi thì cleanup function được gọi, nên sẽ clear timeout trước đó đi (huỷ những lần trước đi). Vì vậy, cho tới khi người dùng ngừng gõ 500ms API mới được gọi (mình có nói điều này ở 07:06 nha các bạn 😘😘).
Cho e hỏi ở 14:04, tại sao khi chữ "Hoa" được truyền vào value, thì ở dòng 4, useState lại không set InitialValue= value, tức là debouncedValue = value luôn, mà phải thực hiện useEffect trước ạ.
Em hỏi chút ạ, em thấy mình dùng @tippyjs/react/headless, thì em có thêm thuộc tính arrow mà nó không có nhận mọi người có cách khắc phục không ạ
Cho em hỏi tại sao component đã rerender nhưng khi gọi useDebounce vẫn có được debouncedValue của lần trước ạ? Tại vì em thấy khi nhập chữ vào input thì component đã bị rerender nên useDebounce lần sau đã có phạm vi khác với lần trước rồi chứ ạ?
Cho e hỏi dù hàm useDebounce có được gọi lại bao nhiêu lần thì cái " const [debouncedValue, setDebouncedValue] = useState(value);" cũng là 1 thôi chớ k dc tạo mới phải k ạ
Thank a !!! sau 6 tháng cày cuốc html, css ,js và tự học Nodejs, ReactJs trên youtobe cuối cùng e cx có offer job về reactJs + Nodejs mức lương 12tr gross. Cảm ơn a và toàn thể các Youtobe Ấn Độ, Nigeria ạ !!!
Anh có làm về mảng lập trình app android không ạ.. mog a trả lời
Ra video tiếp thôi anh ơi 🥲 hãy cứu lấy con nghiện video mới này 🤣
Nếu muốn responsive thì mình tạo component là Responsive ôm toàn bộ trang web rồi responsive thôi đúng ko a
Anh ra thêm clip đi anh, thứ 7 cn rảnh em học ạ
Tiktok nó mới update giao diện mọi người ạ
cho em hỏi theme anh dùng trong VS code là gì vậy ạ.em cảm ơn ạ
E thấy hình như a nói thiếu cái phần clearTimout thì phải, khi value changed thì trc khi khi vào setTimeout lần 2, 3 trở đi thì nó sẽ gọi hàm cleanup trước để clearTimeout trước đó đi tránh request bị gửi ^_^
thank a vì bài học bổ ích, e đã áp dụng được vào project cá nhân của e ^^
giao diện mới update của tiktok trên chrome kìa anh :((
Bác có thể cho mình biết mấy cái effect video của tiktok mobile nó viết ntn ko bác,hay nó dùng ngôn ngữ khác viết r import vào app.e search google mà ko tìm đc kết quả thích hợp.tks bác
anh Sơn hướng dẫn làm website chấm (run) code c++, python, pascal,… đi ạ
😍
Xong khóa này mong a ra tiếp khóa node js . Cảm ơn anh đem lại những bài học bổ ích !!
Bài này quá hay anh ơi
1:15 vấn đề thứ nhất thì nên xử lý ở backend chứ nhỉ.
Good
30s haha