Học TypeScript cho React Developer (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 kzread.info/dash/bejne/o4OFpc6IY8qeXbw.html
useCallback vs useMemo: kzread.info/dash/bejne/ooKMl6l7hM_JZ5M.html
Server Action: kzread.info/dash/bejne/dIt-rNmkYs2TZ6Q.html
React Blog: react.dev/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024
use() hook: react.dev/reference/react/use
📢 Liên hệ với mình tại 📢
Facebook: holetex
Tiktok: tiktok.com/@holetex
Github: github.com/holetexvn
Facebook cá nhân: minhtung09
Email: holetex@outlook.com
Website: holetex.com
Пікірлер: 36
Cảm ơn chia sẻ của anh , thông tin bổ X : D
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
Cảm ơn anh, dễ hiểu lắm ạ
video khá dễ hiểu, thanks anh
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 ^^.
Tuyệt
Tks a, e đang cần học typecript mà ko biết bắt đầu từ đâu may mà a ra video 😊
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.
hay quá anh ơi. Mong anh ra thêm video về NextJS ạ 😍😍😍😍
nhìn code React đẹp thấy mê
hay quá ạ e đang cần ôn lại rõ hơn may có a ạ, mong a ra thêm video về NextJS ạ
Lâu lắm rồi mới thấy anh ra video ❤❤❤
Hy vọng anh ra nhiều video TypeScript với restApi ạ
Anh lên video dạy về zustand với react query đi a e mong quá
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
@holetex
4 ай бұрын
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 ứng dụng dùng Typescript + Nextjs + MongoDB đi ạ. Tks a ❤
@letrung8345
3 ай бұрын
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ẻ.
4 ай бұрын
Không biết sau này có thêm typepython nữa không :):)
@63.phamtrongtuong87
4 ай бұрын
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à,
@vanvothe4817
4 ай бұрын
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
@workwithme23
4 ай бұрын
@@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?
@nvtentertainment4098
3 ай бұрын
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 ?
@evileyes9317
3 ай бұрын
"bỏ nó quá" là sao b.? Vẫn đang dùng ầm ầm mà?
@go_lang_thang
3 ай бұрын
@@evileyes9317 kzread.info/dash/bejne/Z3eczbOEhd2qc9Y.html nè
@nvtentertainment4098
4 күн бұрын
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 =))