Hooks mới trong React 18 (useId, useTransition, useDeferredValue)
HTML-код
- Опубликовано: 7 июл 2024
- Vậy là React đã ra mắt phiên bản mới 18. Và trong video này, chúng ta sẽ tìm hiểu xem React 18 mang tới cho chúng ta những hooks mới gì nhé!
Các hooks sẽ tìm hiểu:
✔ useId
✔ useTransition
✔ useDeferredValue
👉 Link tham khảo:
React Hooks Series: • React Hooks
React 18 trong 10 phút: • React 18 có gì mới? Tì...
React 18 Doc: reactjs.org/blog/2022/03/29/r...
Học React trong 30 phút: • Học React JS cơ bản tr...
⏰ Timestamp ⏰
00:00 INTRO
01:10 useId
05:30 useTransition
19:42 useDeferredValue
📢 Liên hệ với mình tại:
Facebook: /
Instagram: / holetex
Github: github.com/holetexvn
Facebook cá nhân: / minhtung09
Email: holetex@outlook.com
Website: holetex.com
🤝 Tham gia làm hội viên của kênh này để được hưởng đặc quyền:
ruclips.net/user/HoleTexjoin
Em lâu rồi ko code React mà khi xem video của anh e như lấy lại kiến thức và rất dễ hiểu kiến thức mới. em cảm ơn anh
video hay và bổ ích quá ạ, cảm ơn anh Tùng
Quá hay luôn anh ơi, cảm ơn anh, anh dạy rất dễ hiểu ạ.
Cảm ơn anh👏👏đúng cái em đang cần ạ
Hay quá anh ơi!
chúc anh có thiệt nhiều sức khỏe ☺
hóng video anh làm về nextjs
Quá hay anh❤
quá đỉnh a ơi
Hay quá anh ơi
hay quá anh, mong anh làm về nextjs
hay quá, thank anh nhiều
Anh làm video về react route v6 đi anh
Hay lắm bro
Cảm ơn anh
Em cảm ơn a
Hay & dễ hiểu 😊😊😊😊😊
Video hay quá
Video của a Tùng Holetex quá hay. Ko biết dự án e đang làm sắp tới có được update lên react 18 không nữa.
a hướng dẫn về SEO với a, như là cách đặt các tag, robot.txt, tạo sitemap, ..vv.
Cảm ơn anh 👍
Cảm ơn em đã ủng hộ anh nhé
Hay quá anh
Cảm ơn em trai
hay
Làm sao để anh có thể cập nhật thông tin về công nghệ sớm như vậy ? Anh có thể chia sẻ k ạ ?
A lm về router v6 đi những router pulic và router private chỉ đăng nhập mới vô đc ạ
e có 2 câu hỏi.
1, Trong trường hợp ở component cha mà dùng dc cả 2 useTransition, useDeferredValue, bỏ qua tiện ích có thêm isPending của useTransition thì xét về hiệu năng, 2 cái có như nhau ko a nhỉ? Sao e cảm giác useTransition mượt hơn nhỉ?
2, Trong trường hợp ở component con StudentList ý a, mình có được dùng useTransition ko a nhỉ? Hay chỉ sử dụng nó ở Component cha ạ?
cái trường hợp filter thì mình có thể sử dụng useDebounce không nhỉ, nó cũng là một cái hàm bất đồng bộ delay lại một quãng thời gian khi người dùng nhập liệu để hạn chế tối đa số lần re-render làm app đỡ giật hơn
useTransition và use rebounce có gì khác nhau nhỉ ?
a Tùng cho e hỏi khi render 1 list ra mình có thể dùng useId để làm index đc ko ạ
được , nhưng mà nếu không thao tác gì thì nên sử dụng index của nó
Không đc nha, trên doc của react cũng có ghi rõ về trường hợp này rồi
cái useTransition giống kĩ thuật debouce anh nhỉ
gặp ô ở everywhere :D
hình như cũng delay rồi mới nhận giá trị đầu vào
a ơi, khi làm React thì người ta hay sử dụng JavaScript hay TypeScript hơn và vì sao ạ. với cả anh làm video về SSR trong React được không ạ :> e cảm ơn
Dự án lớn và dự án nhiều dev thì hay sử dụng typescript để dễ quản lý, còn ssr trong react thì bạn tìm hiểu thằng nextjs nhé
@@onlyh3182 có cách nào để sử dụng React bth k ạ. Vì project của e đã làm khá nhiều thứ rùu
@@DuyAnhDuyAnh Ý bạn là sao ?
@@onlyh3182 thay vì sử dụng nextjs cho ssr thì em có thể sử dụng react bình thường không. vì project của em hiện tại đã làm tương đối nhiều thứ
@@DuyAnhDuyAnh Nếu dự án của bạn k yêu cầu ssr thì cứ vậy mà làm đi , còn ssr người ta thường triển khai ngay từ đầu và sử dụng mấy framework hỗ trợ sẵn , còn bây giờ bạn muốn sang ssr thì hơi vất vả đấy , nhiều vấn đề lắm bạn
Em chào anh, em có thắc mắc mong anh giải đáp.
Khi em tìm kiếm trong trang web Tiki, các phần gợi ý tìm kiếm hoàn chỉnh sẽ hiện ra gần như ngay lập tức với từng chữ cái em gõ thêm vào. Hiệu ứng này có liên quan đến video của anh không ạ? Làm sao để làm được hiệu ứng này ạ?
Em cảm ơn anh, chúc anh thật nhiều sức khỏe
Bạn có chắc tiki người ta làm bằng React ko đã rồi hãy hỏi :))))
a cho e xin tên extention ở 6:23 vs ạ
marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
đây em nhé
2 trong 1 :)))