Hooks mới trong React 18 (useId, useTransition, useDeferredValue)
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:
kzread.infojoin
Пікірлер: 50
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 ạ.
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.
Anh làm video về react route v6 đi anh
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ảm ơn anh👏👏đúng cái em đang cần ạ
chúc anh có thiệt nhiều sức khỏe ☺
hóng video anh làm về nextjs
hay quá anh, mong anh làm về nextjs
hay quá, thank anh nhiều
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
Quá hay anh❤
Hay quá anh ơi!
Hay quá anh ơi
A lm về router v6 đi những router pulic và router private chỉ đăng nhập mới vô đc ạ
Cảm ơn anh
Em cảm ơn a
quá đỉnh a ơi
Video hay quá
Hay & dễ hiểu 😊😊😊😊😊
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 ạ ?
Hay lắm bro
Cảm ơn anh 👍
@holetex
2 жыл бұрын
Cảm ơn em đã ủng hộ anh nhé
Hay quá anh
@holetex
2 жыл бұрын
Cảm ơn em trai
hay
useTransition và use rebounce có gì khác nhau nhỉ ?
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
10 ай бұрын
Bạn có chắc tiki người ta làm bằng React ko đã rồi hãy hỏi :))))
a Tùng cho e hỏi khi render 1 list ra mình có thể dùng useId để làm index đc ko ạ
@edwardelrics2138
Жыл бұрын
được , nhưng mà nếu không thao tác gì thì nên sử dụng index của nó
@osamabinladen7827
Жыл бұрын
Không đc nha, trên doc của react cũng có ghi rõ về trường hợp này rồi
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
@onlyh3182
2 жыл бұрын
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é
@DuyAnhDuyAnh
2 жыл бұрын
@@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
@onlyh3182
2 жыл бұрын
@@DuyAnhDuyAnh Ý bạn là sao ?
@DuyAnhDuyAnh
2 жыл бұрын
@@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ứ
@onlyh3182
2 жыл бұрын
@@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
cái useTransition giống kĩ thuật debouce anh nhỉ
@luantran7118
2 жыл бұрын
gặp ô ở everywhere :D
@nhatbui229
2 жыл бұрын
hình như cũng delay rồi mới nhận giá trị đầu vào
a cho e xin tên extention ở 6:23 vs ạ
@holetex
3 ай бұрын
marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets đây em nhé
@dunghoang6822
2 жыл бұрын
2 trong 1 :)))