Học TypeScript cho React Developer (2024)
Вставка
- Опубліковано 2 сер 2024
- 👉 Tìm hiểu khoá học React 2024: holetex.com/react-course/
Hiện nay TypeScript đã trở thành một tiêu chuẩn chất lượng trong ngành lập trình. Trong video này chúng ta sẽ cùng nhau tìm hiểu cách sử dụng TypeScript cơ bản dành cho 1 lập trình viên React, NextJS
⏱️Timestamp⏱️
00:00 Giới thiệu TypeScript
01:00 Tạo dự án React bằng Vite
02:45 Tạo type cho prop trong Component
06:20 Type và Interface
08:50 Tạo Type cho function
13:40 Type cho hook useState
18:10 Intersection với type và keyword extends trong interface
24:30 Enum type
29:05 Union type
30:28 keyword typeof
32:25 Generic type
🔗 Link tham khảo 🔗
Understanding Idiomatic React - Joe Savona, Mofei Zhang, React Advanced 2023 • Understanding Idiomati...
useCallback vs useMemo: • So sánh useMemo và use...
Server Action: • Server Actions - Viết ...
React Blog: react.dev/blog/2024/02/15/rea...
use() hook: react.dev/reference/react/use
📢 Liên hệ với mình tại 📢
Facebook: / holetex
Tiktok: / holetex
Github: github.com/holetexvn
Facebook cá nhân: / minhtung09
Email: holetex@outlook.com
Website: holetex.com
Cảm ơn anh, dễ hiểu lắm ạ
học java xong thấy học ts khá dễ hiểu , oop chứ đâu nữa , thương bên java mình dùng interface cho mục đich làm khung function , bên nay dùng để ràng buộc type
video khá dễ hiểu, thanks anh
Tuyệt
Video hữu ích và làm hay á.
Chúc thầy đầu tuần làm việc nhiều năng lượng nha ^^.
E mới vừa ôn lại OOP java, qua đây ôn lại TypeScript này thấy nhanh đi vào đầu thật. Dễ hiểu lắm a.
nhìn code React đẹp thấy mê
Tks a, e đang cần học typecript mà ko biết bắt đầu từ đâu may mà a ra video 😊
Lâu lắm rồi mới thấy anh ra video ❤❤❤
hay quá anh ơi. Mong anh ra thêm video về NextJS ạ 😍😍😍😍
Cảm ơn chia sẻ của anh , thông tin bổ X : D
hay quá ạ e đang cần ôn lại rõ hơn may có a ạ, mong a ra thêm video về NextJS ạ
Anh lên video dạy về zustand với react query đi a e mong quá
Hy vọng anh ra nhiều video TypeScript với restApi ạ
Ra nhiều video nữa đi a ơi
a nói về infer typescript đi anh
lâu lâu ra quả video xịn xò quá anh Tùng^^ anh có tính làm video về th nextjs 14 k anh
anh có em nhé. em theo dõi trên kênh các video sắp tới nha
anh có dự định làm 1 series về backend như là nestjs vs type orm ko ạ
làm sao hover để show ra type như trong video đc vậy ạ. e cảm ơn
anh này tên đỉnh hay tên Tùng z chòy :))
Làm ứng dụng dùng Typescript + Nextjs + MongoDB đi ạ. Tks a ❤
cơ bản là y hệt nhau và next.js muốn sài mongodb phải sài server action
mìn dùng ts nghiện luôn á. Nhưng àm thấy hơi loạn nhá: c/c++ ràng buộc kiểu dữ liệu, js ra sau thì không cần, rồi phải cần thên ts để ràng buộc lại. Vậy lúc đầu làm js nó ràng buộc luôn đi cho khoẻ.
Không biết sau này có thêm typepython nữa không :):)
Chuyện không đơn giản như vậy đâu bạn ơi, nhiều dự án lớn như turbo, ... nó bắt đầu đổi mã nguồn từ typescript quay về js thuần rồi, nếu thật sự typescript ưu việt hơn thì khó để xảy ra chuyện này, mà mình cũng đang dùng typescript nhé chứ không phải là chê bai typescript gì cả. Mà ngôn ngữ lập trình cũng có loại ràng buộc chặt chẽ như java hay C# cũng có loại ngầm định không phải khai báo kiểu như js và php (mình nhớ là vậy) mà,
Không phải là không muốn làm, trước đây có nhiều dự án làm cho js dễ dùng hơn như coffeescript chả hạn nhưng tất cả đều phải dịch sang javascript để đảm bảo tính tương thích, cái này do yếu tố lịch sử giờ ai cũng phải dùng browser nên không dễ gì rewrite lại được
@@63.phamtrongtuong87 Mình thấy Turbo đang PR có cái framework của họ thôi còn Typescript thì vẫn cứ khỏe nhé bác, bác biết lý do Turbo 8 bỏ TS là gì ko?
học java xong thấy ts quá dễ tiếp thu
dạ anh ơi anh có nhận kèm riêng 1 vs 1 cho người chưa biết code k ạ . Em là sinh viên năm 4 ngành cntt nhưng mà code vẫn còn rất yếu .
TypeScript có làm giảm performance không mn ?
Hay vì lý do nào mà ngta bỏ nó qá vậy ?
"bỏ nó quá" là sao b.? Vẫn đang dùng ầm ầm mà?
@@evileyes9317 ua-cam.com/video/5ChkQKUzDCs/v-deo.html
nè
co đấy nó thêm 1 bước biên dịch về js , nhưng mình nghĩa hiệu suất vẫn không ảnh hưởng đáng kể
vợ đẻ hay sao mà dạo này ko thấy ra video thế a =))