For React projects with multiple components that should have strict property types to ensure nothing will break TS is essential and time saving..

I love using typescript! TypeScript integrates well with React, with the type definitions and other tools which makes it a very good choice for building scalable React applications!

Great video. I was "forced" to learn ts as the project I was contributing to was written in it. I was kinda taken aback to see prop types are like 99% of the use case.

Every time i re watch one of your video, i learn a new thing, Thank you for the amazing work

Having a strong 20 years+ experience in both Java & JavaScript I would say TypeScript makes JavaScript more Java like.

Very good topic! actually deciding on whether to learn ts

Thank you Kyle, I was kind of scared with TS. But yeah the best way to build projects and eventually you'll get better at typescript. Thanks again :)

I'm a strong believer in type safety having programmed in C++ for over 20 years, which is a strongly typed language. It was quite unnerving to learn JavaScript, where variables can flip their type seemingly at will whenever it happens to be convenient. It seemed at first that I was programming in a fun house of mirrors. But I've resisted TypeScript not because it's scary but because my brain is a FIFO of limited size, and cramming too much into it at once will only cause other stuff to fall out the other end. Front end development for me is way too complicated and if it wasn't for Kyle and Kevin I'd still be in the weeds. But they've safely guided me through my first web application which is nearing completion. So I'm finally comfortable enough with JavaScript, HTML, and CSS that, although still not expert, I'm ready for new challenges and TypeScript will definitely be part of that.

Damn, I never used TS on my projects. Now I have the confidence to use TS. Thanks, Kyle!

I'm java dev. recently I'm trying to do front end staff as well. As my programing background is on strict typed language, ts is relieving language for me

Great video!!! Thank you so much! I really love Typescript, and specially I love the initial philosophy which it born, helping a lot in development adding type safety... but I believe that Typescript miss the direction in some point! Crazy coded complex types like those that you indicate in the Firebase library is the part that adds unnecessary complexity and, for me, simply adds no value... only more cognitive load in large projects. When I see a type coded like that, having a hard time TRYING to understand what it does (specially when must be fixed because a bug introduced by another developer), is when I love the JS simplicity and readability, and return to code in JS, but using JSDoc (as other user posted) to enforce types. Once again, thank you so much for this video!!

I don't use typescript on the front-end, only on the back-end. The question I ask is, if you use the typescript just to type the components, why should you use the typescript that brings another compilation process, if there is the PropTypes of Javascript?

Kyle: Last week end of React -Now end of Typescript One year later Kyle : End of developer 😅

I am in love with tutorials on JS when you need to use the tool on TS. I love it

querySelector is a generic function in react, you can cast it as a div like querySelector('selector'); Does the same but looks a bit cleaner 😉

Could you please make a video to show how to make a webextension in typescript? I had problems with types for working with a mutation observer in a content script to change the appearance of a video player to make it more accessible.

I’m a big fan of typescript. I use the T3 stack and having types for everything makes things easier in a full-stack app imo. I can’t imagine going back.

Thank you very much. Just to clarify please what are the 3 things?

how to implement typescript on existing react project component by component , instead of all at once ?

It took just one small project to convince me to never go back to JavaScript. TS drastically cuts the debugging time (depending on the project, of course). But, I think it's understandable, since I do some C# stuff, so maybe I'm just used to static typing. I like when IDE is yelling at me :)

do you publish your firebase types anywhere?

What are your thoughts about the difference between type and interface? Is there any situation when is better to use interface rather than type, thanks!

99% of typescript is javascript, the other 1% is learning how to create super convoluted types to get the best autocomplete

4:02 what is the point of the # in front of the variables?

typescript is sooooooo useful, at work, we switched over to using typescript for all of our projects. and we have definitely lessened our debugging time. BUT; can you do a crash course on how to use usecontext with typescript.... its complicated.

Love your content

really encouraging!

My main problem with typescript is, once you go typescript, you can't use normal non typed javascript library out of the box. You have to do some shenanigan to make it works.

Hi kyle can i ask you a question ? after learning js should i learn Vue or React ?

I've kept trying but giving up on typescript because of problems like your firebase issue. Always one or two things that require extremely complex custom type definitions. If one thing doesn't work, you can't complete the project. Would love a tutorial showing how you would approach something like your firebase problem.

People new to TS like to complain about the extra steps with setup, having to add type annotations to function parameters, but it saves time in the long run. An insane amount of time. TS actually saves tons of time.

Thanks for giving me the confidence to learn typescript and convert my projects to typescript

I have a Love/Love relationship with TypeScript and I have have been pleased with the Love/Love relationship I have with NodeJS and VsCode I am probably just a rare example of people who is completely in love relationship every one else seems to have been forced into an arranged marriage like an unwanted wedding 💍 I feel lucky to have this passion when I read the comment and read all the horror stories of people who have no choice but to learn TypeScript never stating learning something was so easy… it is obviously 🙄 just because it doesn’t get complicated until you get hooked it is just a terribly complicated language sometimes but it is just so easy to get the basics of it…

I love TypeScript, I'm teaching my student TypeScript now. For web development, I prefer TypeScript + SvelteKit instead of React (even I have more than 5 years exp in React).

I have a love/hate relationship with TS, strong typed code makes life easier for large applications but some of JS's power is lost in translation and TS could have a better implementation.

Hey Kyle, in your opinion is it better to use a type or an interface?

I'm trying to require an npm module I use, but require has to be installed? After this, the node_module doesn't even work, so what's going on? Does typescript have their own module store? Too complicated for me to learn, when I can try jsdoc comments.

This almost seems like writing VBA code with "Option Explicit" turned on. Without it turned on, it could be a nightmare to troubleshoot if there are bugs.

Simply TS is just JS +: - Types, declared for data type safety. - Generics : for modification of data inside Types.

The time you spend learning typescript will be returned to you in times in the process of coding later.

My one question: All javascript libraries are obviously javascript friendly, but not all are Typescript friendly... So won't building my project using Typescript sometimes limit which libraries I can use? I know there are often type definitions for the libraries, but it just adds one more possible point of resistance, and I don't want to have to write type definition files for a library I could have just pulled in a used in normal javascript?

I can't imagine working on a serious project without type safety. Be it TypeScript or something else.

4:20 Does not look like a function that RETURNS a function to me! But it looks like a function that ACCEPTS a function as a parameter. Easier to understand when you read the code below it, and you understand this is also conform how the Promise works. The resolve function is a callback, called by the Promise after finishing an asynchronous operation.

LOVE BRO )) THANKS

This is indeed true. You don't need to know typescript to be able to use typescript. I just changed all my file extension from .js to .ts. Now I'm using typescript... Now I just need to make my app work again.

Thanks for keeping it real

How long until TypeScript is integrated into Vanilla JS?

Ngl typescript makes working on projects enjoyable, especially on the FR when frameworks, build tools, ect are constantly changing. Aside, it’s worth it. Imo you won’t see the value of TS until you work with a large codebase on a team, build a real app into production and/or library. It’ll provide you discipline and the compiler will help you catch errors in DEV vs pulling your hair tryna find the simplest error which you noticed at runtime. But first learn JS before learning typescript. It’s now labeled as language but technically it’s just JS with static type checking (a superset of JS), so if you know JS TS won’t be anything crazy. Peace and much love yal. And always keep learning and keep MOVING FORWARD.

Yes. Just get started.

I think it's actually cleaner to use generics with document.querySelector instead of casting it as a type. document.querySelector('.whitespace') as HTMLDivElement;

Hey Kyle, huge fan of you..Please create a video on Apollo client refresh token flow using asynchronous function to fetch access_token

Love all of your videos, but is that a white Jackson Dinky behind you? You must like heavy metal 🤘

Finally decided to learn TS, it slowed me down a bit at first but man, it was totally worth it.

Can you please do a crash course to explain what react developers need to know about TS? You are the best!

I know it says it's simplified, but I feel like it might be worth it to explain that complex ts file you just glossed over at the end Thanks!

can I learn type script and skip java script. I'm worried I will need to know javascript for JSnode

Thank you, Kyle.

well, fun fact i used smartphone to code and manage to create some simple useful website, and a few bots for telegram. i dont use typescript because there is no vs code on smarthpone yet :(

If you are coming from non typed languages like php or plain js, you first have to understand the difference between “hey it works” and “hey it will work long term”.

I just started my web development journey less than 3 years ago. I'm sticking to vanilla Javascript + React for the coming years. (With a hint of NextJS, hehe)

I agree to an extent, but when you're using a library that doesn't have types, it is really really really really annoying. And until you end up having that problem, you really don't have anything to worry about. But I think that you may be underestimating how annoying that is for the beginners. I'm not sure how common it is for others, this happened to me on my first big project, So then I had to learn more typescript all at once.

How to make catchy titles le WDS:

I learned typescript because of angular. Forces you to use. Good and bad and comes down to preference. Does not make you a better developer

Man , that white Jackson in the back is dope 💛

3 features of TypeScript to know so you can get 95% of the benefits when using it: 1. How to create types 2. How to assign those types to variables or arguments in a function 3. How to create and use generics

I also personally don't like typescript, but it's very easy to learn. If you're already familiar with a strictly typed language, you can learn Typescript in a day. So, we should learn it so that it might be helpful in interviews or in companies where they use it 👍

This is not about what I wanted to hear about TS and haloloyaa, no, this is always what I felt about Typescript and I was feeling a little odd from people that without any thinking just evaluate your ability to code in the FE based on ur knowledge of TS, I remember once I got rejected because one of my side-projects I was showing case its codebase in the interview was written in Vanilla JS. 🤧

Totally not a waste of time, but a must. Modern hire companies hite web develop preferring better knowledge of TS over years you've spent developing in plain JS.

thx

Yes! I strongly feel so....i like pure js.

Too many people get turned off from TypeScript because they get into overly complicated things, or try to make weird types like using utility types like Pick. Just basic types and string unions is enough. The most complex thing you'd need to know is discriminated unions.

This tutorial has spurred me on to re-start my abandoned efforts to learn TypeScript. Thanks, Kyle {2023-02-11}

why you just use types and not interfaces too?

Typescript is a must have

Learning typescript for javascript coders is juste 1 or 2 days... why dont just learn it...

One of the thing that typescript scare me is that its ridiculously hard to understand syntax. I had familiar working with strongly typed languages before like Java or C# or Go but I had never seen like such below ---- interface UseFetchOptions extends AsyncDataOptions, ComputedFetchOptions ---- ☝this is from a fetch library within Nuxt 3 that I have been using recently. By the time I was debugging and try to understand it, I immediately refuse to continue digging after seeing that.

Isn't it sad? We'd gone through entire circle from type-strict (Algol/C/whatever) to type-lazy (AWK/Tcl/whatever) to typeless, then type-specified again. I need some Ada code to relax. 😉

It's not a waste of time. It's super beneficial, and starting is easy. Everyone should be using it.

Not a fan of passing props to a react component and having to use Typescripts verbose syntax, when you're still deciding on exactly what you want/need to pass

I have never considered something time I spent learning as a waste of time. If the alternative is some mindless activity such as doom scrolling or binge watching of some daft tv show, how could learning be wasteful? Always be learning, because, why not? It is not going to make you a worse person, I suppose

You get pretty much the same help from just using JSDoc. You won't get any assistance in terms of checking if the input types are actually correct, but in most cases it is entirely sufficient as your IDE will scream at you if you try to input something that isn't the desired value. So in order for JSDoc to fail you basically have to intentionally screw over yourself.

Should I unsubscribe because I don’t like the click bait bashing on the Language I love the most… or should I keep watching because at least Kyle’s smiles is worth the time 🎭 I don’t know 🤷🏻‍♂️ so I guess I will have the answer if I watch…

These comments are actually hilarious. I'm sorry guys, but if you're not using TypeScript, you're doing anything important with JavaScript.

Ppl who find TS difficult, learn some basics & just jump right in and start a new project. Don't try to learn everything under the sun before starting a TS proj. You will be overwhelmed & It's really unproductive imo.

Add typescript to your existing vue project and tell me how "awesome" typescript is

you dont have to specificy what you return if you dont have a return in the first place, ts already knows its void

Sometimes it feels like you made these videos for me personally. Are you watching me Kyle?

short answer: NO long answer: NOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO

Typescript is the same as Javascript but making use type more :)

Typescript might be great (ONLY) for development of libraries that have public API's, even that there are many ways to do what ts do in that case without using ts. (libraries that have public API's was present far away before the invention of ts) Other than this, typescript is, (in my opinion), a time and resource wasting . JsDoc is fantastic....The code is shorter, more clean and very clear to every one.. No need to learn new modified js syntax.. You just define what you do think it needs to be defined When using JsDoc... even the the beginners can understand the code .. and you will not find the beginners-non-sense code resulted after transpiling typescript to js... You might face the case mentioned here in where your project uses a library that does not support typescript.. then you find your self in a situation where you need to rewrite those types in order to be able to use this library in your project other wise the compiler will start complain instead of compiling .. This is a complete time wasting Also after transpiling ts code to js code .. all that ts disappears .. ts might help coders in some cases but not the final code users Thats why recent shift in the development landscape has seen some developers and teams moving away from TypeScript and towards JavaScript with JSDoc. This shift has been notably championed by the Svelte team, who have decided to migrate from TypeScript to JavaScript in the Svelte 4 codebase. Thats why Learning TypeScript is in fact A Waste Of Time And Thats why JsDoc is fantastic

I like when things yells at me what's wrong.

No, it will never be a waste of time. A few years back TS was an asset in your basket when you were looking for a job. Now it's a prerequisite.

TD;DR; : No, it's not a waste. Any decent codebase that try to follows SOLID principles and have some test automation are easy to migrate. Obviously, if your codebase is filled with "hacks" and is a complete mess, then TS is going to point this out and you're not going to like it.

willl never go back :P

WE need advanced MERN/PERN TYPESCRIPT FULLSTACK app please

The fact that this is still a point of debate, says a lot about frontend devs...

is TypeScript the Python of JS ?

No, it's not. If you know JS don't wait and learn TS. It's actually really simple once you understand the basics.

If Typescript Grows React and it's entire cousins Next Js , Vue , Solidjs becomes useless Angular , Typescript ,Nestjs ,Mongodb makes a perfect Typescript Mean Stack

Typescript can be annoying at times but it will save you a lot of time later