ReactJS - Nên dùng Javascript hay Typescript? 🤔
Вставка
- Опубліковано 2 сер 2024
- Bạn đang dùng Javascript hay Typescript cho dự án ReactJS? 😉 Hãy để lại bình luận bên dưới để cho mình biết ý kiến của bạn nhé!
---
VIDEO CHAPTERS:
Made by: Jack Do
Cảm ơn bạn nhiều nhé! ❤️
---
0:00 Giới thiệu video
0:52 Ưu điểm Javascript
2:05 Nhược điểm Javascript
3:18 Khi nào nên dùng Javascript
3:45 Ưu điểm Typescript
5:10 Nhược điểm Typescript
6:13 Khi nào nên dùng Typescript
8:10 Khóa học ReactJS cho người mới bắt đầu trên Udemy
- Slide: drive.google.com/file/d/17KsS...
Link khuyến mãi khoá học ReactJS trên Udemy:
- 🌐 Link khuyến mãi: bit.ly/easy-for-fans
- 🔥 Giá: `19.99$` ~ `450k` (bình thường mình bán với giá `700k`)
- ⏰ Hạn khuyến mãi: `01/02/2021`
#reactjs
#javascript_or_typescript
#easyfrontend
-----
💻 Easy Frontend 🎉
Nơi kiến thức lập trình web frontend (html/css/javascript/reactjs) được chia sẻ một cách đơn giản, dễ hiểu mà đặc biệt là vui 😊 Với những tài liệu (tutorial) được biên soạn một cách kĩ lưỡng để giúp các bạn developer mới có thể nắm bắt vấn đề một cách nhanh chóng và hiệu quả. Từ đó nâng dần khả năng coding của các bạn lên theo thời gian.
❤️ Ủng hộ mình làm videos thì đóng góp qua MoMo/ZaloPay: 0901 309 729 nhé!
Kết nối với mình:
- 🎉 Fan page: / learn.easyfrontend
- ❓Group: / easyfrontend
- 💻Github: github.com/paulnguyen-mn
- 💼 LinkedIn: / haunguyenmn - Наука та технологія
Mới hỏi hqua mà nay a đăng gòi. Hihi cảm ơn a
hehee cảm ơn em nhé Phương 😉
E cũng thích js. A Hậu giảng vô cùng dễ hiểu. Thanks a. Chúc a sk!
Yeah cảm ơn em nhiều nhiều nhé Sang ơi, chúc em thật nhiều sức khoẻ nhé! 😍
đúng rồi , cảm ơn anh đã chia sẻ , TS có vẻ rườm rà code base nó sẽ tăng lên rất nhiều nhưng khi code xong thì cảm thấy rất xứng đáng với công setup 😄 code láo nó chửi um sùm
🤣
Bị nghiện các video của a =))) tương lai ra khóa angular đi a
haha cảm ơn em nhiều nha Nam ơi ❤️ Angular chắc là hk rồi em ơi 😭
trước không thích ts do build chậm, nhưng khi có esbuild thì mình thấy ts hay hơn.
lúc đầu thì học JS, từ lúc đi làm dùng TS thì khá thích vì nó intell nhiều. Và nhất là khi làm việc với team nhiều người thì TS khá tiện. việc kiếm/set up mấy type lúc đầu công nhận hơi phiền nhưng khi làm quen rồi thì set up khá nhanh. mà bây giờ em thấy các dự án đang chuyển dần JS sang TS rồi. chứ chưa thấy dự án nào chuyển ngược TS về JS cả.
Yeahhh cảm ơn Tân chia sẻ thêm kinh nghiệm nhé 😊
Em đã dùng cả tuần để nghiên cứu setup typescript cho project. Công nhận mõi khi cần object có những thuộc tính gì phải tạo interface, rồi còn tạo initialValue...mới dùng được 😔. Mà có chỗ file.d.ts để khai báo các module, interface hay gì đó trong typescript em chưa hiểu rõ lắm. Nó khác gì khi mình tạo file.ts và export ra function, interface,const...em thấy có chỗ khác là khi import module trong index.d.ts thì như import package mình install trên npm. Còn import từ file.ts thì như .js phải có path ./.../file.ts.
Và một điều thú vị là code bên nodejs với expressjs cũng có thể config theo es6...khỏi dùng require như commonjs, cứ import như reactjs.
hi Nghĩa ơi,
*.ts: dạng này em cần import vào mới sử dụng được.
*.d.ts: dạng này thì ts tự động scan và đọc những khai báo trong mấy file này nhen.
Em check cái link này để có thêm info nhen stackoverflow.com/questions/29196657/what-is-the-difference-between-d-ts-vs-ts-in-typescript
Mình thấy cả 2 cái đều có cái ưu và nhược điểm riêng. Nhưng dần dần mình thích TS hơn vì nó nhắc code cho mình. Sau có người mới Join thì họ đỡ nhọc cái và tìm hiểu dễ hơn. Bạn làm Video rất hay.
yeah cảm ơn bạn Tý nhiều nhé, mình cũng đồng ý với bạn nè, giờ mấy dự án mới của mình toàn dùng typescript 😍
xưa e làm team size 40 người với Angular (TypeScript), nó không thích chơi với hỗn tạp js, jquery, muốn sử dụng phải config mới dùng được :v, không thì sẽ xảy ra những lỗi tiềm ẩn mà fix khoảng 1 tuần không ra như về bất đồng bộ, two way binding, kén chọn cú pháp trong môi trường TS, bla bla....
thích nhất dynamic type không như c++
em ngày trước có dùng typescript, hồi đó mới học code thôi. Thấy cũng ổn dù nhiều lỗi hơi khó hiểu. Sau đó em làm JS liền 1 năm, bây giờ quay lại mà thấy vẫn khó tiếp cận như ngày nào :))) Mặc dù vậy, nhưng kinh nghiệm trong 1 năm cho em thấy giá trị của TS so với JS và biết khi nào nên dùng cái nào thì hợp lí
Yeah cảm ơn em đã chia sẻ kinh nghiệm của mình nhé Ken 😊
Làm từ OOP backend sang TS thì thấy nó tiện hơn, việc khai báo class hay interface quá là điều bình thường. Chưa kể nay có cả dynamic rồi.
yeahhh quá quen thuộc với backend hehe, đỡ hại não với javascript hihi 😍
Định hỏi thầy làm video luôn rồi
wohooo hên quá a Hùng ơi 😜
Em thích JS ạ vì sử dụng useState() đơn giản hơn TS khi sử dụng chung với React
yeah làm việc một mình hoặc project nhỏ thì js vẫn là đỉnh hehe
cơ mà khi zô một team, đb khi có nhiều bạn junior thì buộc phải dùng ts á em, hk thôi là tè le hết trơn, mấy bạn hay có nhiều lỗi lặt vặt, có ts đỡ đi đc xíu hehe
Em cũng như anh vậy, thích js hơn ❤️
Anh cho em về sự khác biệt giữa việc sử dụng các cách khác trong onClick: ``{onClick} vs {onClick()} và {() => onClick()} ``với ạ. Em cảm ơn
hi Bảo,
onClick: này là tham chiếu tới phần định nghĩa hàm onClick
onClick(): thực thi hàm onClick
() => onClick(): tạo ra một anonymous function, trong hàm này, có một lệnh là thực thi hàm onClick()
hi vọng giải thích được cho em 🙂
Ts cũng phải chuyển đổi ngược lại js
Không muốn dùng TS vì:
1. Bản chất của JS nó là weak type, dynamic type giờ lại cố gượng ép nó về strong type như C#, Java vậy coi như là nó mất đi lợi thế cốt lõi rồi.
2. TS sẽ biên dịch thành js, mà bản chất lúc đầu js nó đã lắm cái bug, giờ phải qua một lượt biên dịch từ TS qua JS nữa. Nếu bug này mà không phải do mình mà do trình biên dịch thì sml.
3. TS do Microsoft phát triển, còn JS do ES phát triển, tương lai chắc gì TS đã theo kịp JS.
TS build thì nó biên dịch sang JS vì thế bản chất của TS là chặt chẽ, kiểm soát kiểu dữ liệu để rà soát các bug ẩn, và các kế thừa cũng giống như bạn code JS bằng đoạn code A bạn không khai báo kiểu thì khi build sẽ ra dạng code A.js origin(có bug ẩn, khó kiểm soát) còn khi code bằng TS thì do ban đầu phải tuân thủ các quy tắc của nó là phải khai báo thêm type -> hạn chế bug nên khi code bằng code A.TS nhưng lúc build cũng sẽ ra dạng code A(dễ kiếm soát bug), và bỏ các bộ khung khi ta code bằng TS bởi code build của microsoft team
Nguồn stackoverflow
Em đang code TS. Tuy tốn thời gian nhưng mà clear hơn. Mà a cho e hỏi. Giữa create react app vs tự config webpack thì trong thực tế ngta sư dụng cái nào nhiều hơn ạ? Em cám ơn...
hi Thảo ơi, a hk rõ mấy proj bên ngoài thế nào, còn mấy cái anh làm thì toàn CRA nè hehe
Hoặc một boilerplate mà anh thấy có xài là react-boilerplate 😉 Mà cái này config redux-saga nhen hehee
@@EasyFrontend Dạ Em cám ơn anh
Em thấy dự án TS sẽ giúp người tham gia sau tiếp cận dự án nhanh hơn nhưng phù hợp với dự án lớn và kéo dài thôi. Cty em làm dự án nhỏ 2 3 tháng mà áp dụng TS vô thì hơi chậm
Yeah kinh nghiệm rất quý báu, cảm ơn Bảo đã chia sẻ nha. Anh cũng thấy điều này đúng với anh nè 👍
Theo anh thì mình nên học Typescript luôn hay nên học JavaScript trc xong mới học typescript a❤
hi Hiếu, typescript là superset của javascript
hiểu nôm na là typescript = javascript + type
nên đằng nào em cũng phải học javascript nha, còn ts thì nó quy ước về mấy cái type này nọ à hihi
thầy ơi, em đang học spring boot để viết api, giờ em muốn làm 1 project hoàn thiện có phần giao diện, thì ngoài axios đê gọi api thì mình nên học phần nào của ReactJS ạ?
chà toàn bộ reactjs nhé Long ơi 😉 Chắc em tham khảo khoá reactjs đi Long để nắm đc cách tổ chức các modules trong dự án reactjs nhen 🙂
Video rất hay. Tuy nhiên em có ý kiến là anh có thể đổi lại title video, chứ nhiều người nhìn vô em nghĩ dễ bị nhầm lẫn. :))
à hợp lý hen, cảm ơn em nhiều nhé Linh hehe, để a update lại hehe 😉
Em cũng mới tập TS, lúc đầu thấy rườm rà thật, nhưng mà code lâu chút mới thấy nó xịn, vừa nhắc vừa đỡ lỗi :))
hehe ngon lành em ơi 😊
Xem các video của anh về React thích lắm nhưng không có kinh phí để mua khoá React của anh được hix hix 😥😥. Xem và nghiên cứu trên document react được không anh ạ.
Yeah cảm ơn em nhiều nhiều nhé Nhân.
Học trên document thì chỉ có lý thuyết thôi em nè, thiếu phần ứng dụng vào thực tế.
Còn khoá học của anh thì đi từ lý thuyết tới ứng dụng luôn để mn còn biết đường code thế nào cho đúng.
Về việc học mà thiếu kinh phí, em có thể liên hệ anh trên fb để đc hỗ trợ hen 🙂
nếu đã biết javascrpt thì học typescript trog bao lâu v ạ a
cái này thì nhanh nha a ơi hehe, ts là superset của js, nên code đc js là cơ bản code đc ts òi
học thêm phần type definition + config khoảng 1-2 tuần là bắt đầu làm đc rồi a hen
còn để master đc nó thì cần nhiều thời gian chinh chiến trong dự án anh nha hehe
Tất nhiên là TS rồi. Lợi cho người cũ và người mới. Nhưng nếu có external module nào chưa support TS thì hơi mệt. Nhưng đa số là support TS hết rồi.
ngon lành hehee, cảm ơn bạn đã chia sẻ ý kiến nhé 😉
0:00 Giới thiệu video
0:52 Ưu điểm Javascript
2:05 Nhược điểm Javascript
3:18 Khi nào nên dùng Javascript
3:45 Ưu điểm Typescript
5:10 Nhược điểm Typescript
6:13 Khi nào nên dùng Typescript
8:10 Khóa học ReactJS cho người mới bắt đầu trên Udemy
Yeah cảm ơn em nhiều nhiều nhé Jack, em contribute 7 videos òi 😍
Thank ad. Hạn khuyến mãi của khoá học là : `01/02/2021` nhưng hiện tại đã expired rồi ad ơi.
hi Hoà ơi, trong ngày 1/2 là sẽ hết hạn nè, nó đâu đó vào buổi chiều là hết hạn hihi, trước đó mình có post 2 videos để nhắc mn nữa, nên tiếc quá Hoà ơi, hiện thì mình chỉ còn code 700k thôi à, nếu Hoà quan tâm thì cứ ping mình bên Facebook nhé 😉
@@EasyFrontend cám ơn ad. Mình sẽ ủng hộ ad vào dịp khác.
Reactjs hỗ trợ SEO kém sao thấy người ta code cho dự án có ssr ầm ầm vậy anh. Có máy anh setup expressjs có ejs...để render bên server luôn. Sao không dùng nextjs nhỉ, anh làm video về nextjs đi anh, có cả custom server có thêm expressjs để dùng socket.io....
à anh cũng đồng ý với em.
- Cần SEO --> dùng NextJS
- Ko cần SEO như web ứng dụng hoặc web admin thì dùng CRA cũng đc hehe
Anh cũng có plan làm một series về NextJS nhen, mà chưa tới series đó =))
Nếu vậy chắc python làm việc nhóm cực lắm. Cơ mà nó và javascript lại đứng top ngôn ngữ phổ biến mới lạ chứ. Còn Typescript thì lại sếp sau khá xa
hihi ko có type thì đc cái nó linh hoạt và nhanh, cơ mà nó ko ổn cho mấy bạn mới lắm, vì mấy bạn hay bị lỗi lặt vặt, nên typescript là cứu cánh =))
link khuyến mãi của anh có dạy tất tần tật reactjs không ạ.?
hi em, ý em tất tần tật là sao hen, trong link có khoá học có chương trình học nè hehe, em vào xem thử nha 😉
@@EasyFrontend em vao roi anh. hoc xong khóa học đấy, đi làm luôn được không a. lỡ gặp những phần nâng cao thì sao anh?
@@leecode107 Yeahh cảm ơn em nhiều nha. Em nhớ đọc thông báo dưới video của Udemy, rồi tham gia vào nhóm discord nhen, a hỗ trợ mn trên đó 😉 Còn khi học hoặc đi làm em cần tư vấn thêm thì cứ thoải mái trao đổi vs anh nhen 😉
À. Mà a hiện tại làm việc tại Quốc Gia nào vậy a?
@@leecode107 hi em, hiện a vẫn làm ở VN nha, mà KH của a thì là nước ngoài nè, team anh cũng là dev nước ngoài luôn 😉
Khoá udemy offline xem và học lúc nào cũng được hả a
hi Tính, khoá học Udemy, là em lên Udemy xem các videos của anh đã quay sẵn nhen.
Thời gian học: vĩnh viễn, ko có giới hạn em nha, em muốn học lúc nào cũng đc hehee
@@EasyFrontend 😂 thanh toán Vietinbank được k a
@@vantinh4033 được em nha, em ping anh trên fb cá nhân nhen 😉
Anh ơi vậy nếu em đang tự học react thì nên dùng js hay ts ạ?
à em học và làm javascript cho dự án đầu trước nha Quân, rồi xong qua dự án kế tiếp thì học thêm typescript nè 😉
@@EasyFrontend Em cảm ơn anh ạ! Bữa nào rảnh anh có thể làm 1 video về những kiến thức cần có để có thể thực tập FE và 1 vài project intern bọn em có thể làm với react được không ạ?
à về lộ trình kiến thức em tham khảo live này nha ua-cam.com/video/t55MU1e1k8Q/v-deo.html
về một số projects thì chắc em thích cái nào làm cái đó cho có động lực nè hehe
@@EasyFrontend Em cảm ơn ạ
mình dùng hỗn hợp cả js và ts đc k ạ?
đc em nhen, thường mình làm vậy trong lúc migrate từ js sang ts 😉
Xài js nhiều lúc không nhớ nó trả về cái gì khá bất tiện, nhưng xài ts thì lười code dài kk
hahaa nó dài tí, cơ mà code nó sướng, code tới đâu, nhắc tới đó hehe 😍
Một khi đã dùng TS là không bao giờ muốn quay lại JS luôn =))
hahaa mình cũng thấy vậy, cơ mà thỉnh thoảng làm dự án gấp thì vẫn muốn code js cho lẹ =)))
JS vì...thầy Hậu bắt phải...code bằng JS.😅😅😅
hahaaa vậy luôn =)))
dĩ nhiên là ts rùi vì toàn quên type của biến 😆😆
hahaaa =))) đúng thiệt, ban đầu còn nhớ nhớ, code một hồi là ko biết thằng nào ra thằng nào luôn 🤣
anh ơi em có một câu hỏi. em muốn theo lập trình game nhưng h lại lỡ theo web. vậy dùng js làm game có ổn ko anh 😅
@@__kyune__ haha cái này thì a hk biết rồi em ơi, a chưa làm game bao giờ =))) chắc e chạy đi hỏi a nào làm game cho chắc nha hehee 😉
@@EasyFrontend em cảm ơn anh 😁
Ước mong 1 ngày thằng TS nó phát triển thật mạnh và mọi thứ viết thuần JS đi vào quên lãng :3
Chứ mình mới nhảy vào code JS được khoảng nửa năm nay mà thấy thằng JS nó magic thật sự.
Nếu bạn nào đã từng làm backend với C#, Java thì khi gặp bug chỉ cần search cái dòng thông báo lỗi thì gần như có tới 90% kết quả chỉ cho cách fix.
Nhưng với JS thì thôi rồi :v dù chỉ là những lỗi cơ bản :)))
hahaaa đúng là khó nhằn cho những ngày đầu tiên làm việc với JS thiệt =))) Mình cũng gặp khó nhiều khó khăn khi chuyển từ C# sang JS 😅 Nhưng giờ thì quen với nó rồi, hiểu tính tình của JS nên đỡ ... =)))
JS. Vì lười gõ types cho TS. :v :v
đến lúc import xong quên type thì khổ :(((
hahaaaa giống anh, lười khai báo type =))) mà lúc sau thì lãnh hậu quả ko nhắc code hahaa 😅
@@EasyFrontend trí nhớ kém thui dùng ts cho lành anh ơi 😆
@@__kyune__ hahaa okie em ơi 🤣
Khổ trước sướng sau thế mới giàu =))
hahaa 🤣