Тёмный

Build with Ben: Vue 3 and TypeScript Working Session 

BenCodeZen
Подписаться 8 тыс.
Просмотров 23 тыс.
50% 1

Опубликовано:

 

3 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 42   
@mageprometheus
@mageprometheus 2 года назад
Great video. If your main languages are typed it's an easy choice. The languages we use affect the way we think as can be seen with the difficulty experienced structural coders have fully accepting functional languages without major effort. My gut feeling tells me the right way is to accept the code pain and bite the bullet 100% but that's not practical if you need to maintain productivity. After 35 years of C, then C++, and now I'm retired playing with Rust, I can't imagine not having the type system (and the borrow checker) holding my hand. I'm as bound by my history as everyone.
@colinj8852
@colinj8852 2 года назад
Hey Ben, in VS Code, if you hold down the Command Key on a Mac and hover over the interface, it will expand the tooltip to show the actual fields of that interface type. I'm not sure what the equivalent modifier key on Windows (it could be the option key or the alt key).
@BenCodeZen
@BenCodeZen Год назад
Thanks Colin! Appreciate the tip!
@MohcinBounouara-rx1wz
@MohcinBounouara-rx1wz 11 месяцев назад
Great!, I learnt a lot here, note that I'm just discovered Typescript yesterday :) Can I ask what id the plugin that you are using for code suggestion JS/HTML?
@BenCodeZen
@BenCodeZen 11 месяцев назад
Thanks for the kind words! Most likely what you're seeing is Copilot, but if that's not it, let me know which timestamp in the video you're referencing and I'll be happy to figure that out for you.
@addoconstant
@addoconstant Месяц назад
Why waste time on typescript. I don't like verbose coding. just use simple js
@BenCodeZen
@BenCodeZen Месяц назад
In terms of why people invest in it, the type definitions can help enforce standards across teams and provide better autocomplete support. That said, you definitely don't have to use TypeScript! I certainly don't think it is for everyone and the important thing is what you build rather than the tooling.
@XeniaKlyukina
@XeniaKlyukina Год назад
thank you for telling me everything easily and fun! :) one question: what kind of vscode extension do you use for smart autocomplete?
@BenCodeZen
@BenCodeZen Год назад
you're welcome! most likely what I think you're referring to is Github CoPilot, but if there's another timestamp in the video that looks different, let me know and I'll happily try to see if there's something else that's not coming to mind.
@abc33155
@abc33155 3 месяца назад
From TS’s docs: typeof MyArray[number] gives you the element type of an array literal (where _MyArray_ is the name of the variable and _number_ is just a keyword). If you didn’t have “as const” on the array you would get the type “string”, but because constant strings in TS have the type not “string”, but the string itself, that’s why you get the union of all the strings at 1:00:42
@mateuszklepacki4047
@mateuszklepacki4047 11 месяцев назад
I can't see this code on your github. Can you share it?
@BenCodeZen
@BenCodeZen 11 месяцев назад
Ahh so sorry about that. The repo was private for some reason. It should be public now! github.com/bencodezen/toEat Let me know if you still can't access it!
@Everson2958
@Everson2958 Год назад
What theme did you use in VSCODE and what was the text font?
@BenCodeZen
@BenCodeZen 11 месяцев назад
I use the Night Owl theme with IBM Plex Mono!
@alwaisy
@alwaisy 2 года назад
Awesome!. Can you make video how to do ssr in vue3 ts project. everything is messed up.
@BenCodeZen
@BenCodeZen Год назад
I'll add it to the list! SSR is definitely complicated for sure. For now, I'd recommend looking into Nuxt 3 for that info!
@alwaisy
@alwaisy Год назад
@@BenCodeZen thanks. nuxt is so late. i am wating november may be in nuxt nation.
@Alexander-i4i9l
@Alexander-i4i9l 27 дней назад
ommmmmmmmmmmg prepare beforehand jesus
@Alexander-i4i9l
@Alexander-i4i9l 27 дней назад
code zen my ass
@qiushiyann
@qiushiyann Год назад
Hey Ben, would you be interested in having a session building a danmaku component for videos (overlaid comments that scrolls over the screen)?
@theretroman3862
@theretroman3862 8 месяцев назад
I am amazed how much time is wasted jut to satisfy TS.... is this normal? I find it extremely counter productive.
@BenCodeZen
@BenCodeZen 7 месяцев назад
It's definitely a love hate relationship for sure. On the one hand, it can be great for documentation, but on the other hand, it can be infuriating and to your point, counter-productive. I personally find that it's best for each team to determine whether the trade-off of working with TypeScript is worth their time and effort. It's definitely not for every team.
@nkirukaedithonwugbufor9224
@nkirukaedithonwugbufor9224 5 месяцев назад
Nice video, am new too. Please what extensions do i have to install to help me when writing typescript, normally get red lines when i start writing typescript 😩
@BenCodeZen
@BenCodeZen 4 месяца назад
It used to be complicated, but now all you should need is the official Vue extension! Make sure it's the latest version cause there was a bug recently where it was installing an old one. marketplace.visualstudio.com/items?itemName=Vue.volar
@prostaver2544
@prostaver2544 Год назад
Ok, I'm gonna preface what I'm going to say with I am not a javascript developer but I'm trying to learn typescript. That said, how is typescript more complicated than javascript? Isn't typescript just javascript but with types? I mean, I get it if you are a self taught programmer and your first language is js but for others who more than likely learned something like c++ first in school, typed variables are normal right? If there is actually something else, then I would love to learn.
@BenCodeZen
@BenCodeZen Год назад
That's a great question! I think you hit it on the head in terms of the fact that the primary audience of TypeScript often comes from a JavaScript first background. In my experience, the struggle people have with TypeScript often comes with the approachability of a codebase. Hard to understand / modify types can make a codebase less approachable for those who feel like they only made one change but now their IDE / compiler is yelling at them cause everything broke and they don't understand why.
@lararawf6100
@lararawf6100 5 месяцев назад
God bless u
@Alexander-i4i9l
@Alexander-i4i9l 27 дней назад
would be cool if you prepared beforehand. Really hard to follow esp with statuses typing. Also if you dont provide a git code, you expect users to type along with u. Oh ups, intersting, boom deleting what i just typed! oh oops interesting boom, retype really quick, oh!!!!!! check stackoverflow, oh interesting, let me just delete this and this really quick, oh i have to guess this and that but anyhow.
@BenCodeZen
@BenCodeZen 10 дней назад
Sorry for the confusion. These sessions are intended more as a "co-working session" that I host as a livestream. This means that there's a lot more improvisation and experimentation. I'll try and make this clearer in the future in case people are looking for more tutorial centric content.
@evek0039
@evek0039 Год назад
great video! i always have a problem with typescript, especially using in frameworks. thanks for this!
@BenCodeZen
@BenCodeZen Год назад
You're welcome! Appreciate the words of support 🙏
@joaquin4108
@joaquin4108 Год назад
Great Video. Thanks!
@BenCodeZen
@BenCodeZen 11 месяцев назад
Appreciate the kind words!
@fabiosouza8032
@fabiosouza8032 Год назад
muito legal !!, sempre aprendo muito com seus vídeos 😁
@BenCodeZen
@BenCodeZen Год назад
Thank you!
@phojie6868
@phojie6868 2 года назад
Stream schedule please 🙏
@fossware
@fossware Год назад
Great video but pleeeese get a popfilter
@BenCodeZen
@BenCodeZen Год назад
Thanks for the feedback! I'll be sure to look into it.
@NiNmaX_BTS-ARMY_o7
@NiNmaX_BTS-ARMY_o7 Год назад
I've got one question
@BenCodeZen
@BenCodeZen Год назад
Ask away!
@The1stKing
@The1stKing Год назад
47:53 The whole purpose of enums is to give a meaningful key name to some forgettable value.
@BenCodeZen
@BenCodeZen Год назад
Thanks for clarifying that for me!
Далее
How Did I Not Know This TypeScript Trick Earlier??!
9:11
Vue.js Tutorial: Beginner to Front-End Developer
4:21:59
Просмотров 345 тыс.
Being Competent With Coding Is More Fun
11:13
Просмотров 87 тыс.
Build with Ben: Use Local Files with Nuxt 3 (Part 1)
1:16:12
How to Do 90% of What Plugins Do (With Just Vim)
1:14:03
Просмотров 898 тыс.
Built Complete Vue 3/Vuex application in 3 hours
2:51:42
Просмотров 120 тыс.
I Cannot Believe TypeScript Recommends You Do This!
7:45