TypeScript in React - COMPLETE Tutorial (Crash Course)

Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship).

👉 Discord: all my courses have a private Discord where I actively participate

⏱️ Timestamps:
0:00 JSX to TSX
0:28 Typing variables
1:28 Typing functions
2:55 Typing React components
3:17 React.FC
3:52 Typing props
6:37 Extracting type
7:20 Benefits of TypeScript
7:44 Optional
8:14 Benefits of TypeScript (cont.)
8:35 'any' type
9:14 Type return value of component?
9:38 Union type
10:03 Extracting type
10:45 Typing arrays
11:32 Tuple type
12:21 React.CSSProperties
14:38 Record type
16:01 Typing functions
17:18 Typing children (React.ReactNode)
18:34 React.JSX.Element vs React.ReactNode
19:42 Typing useState setter function
21:01 Default prop values
21:35 Type Alias vs Interface
24:00 ComponentPropsWithoutRef
26:52 ...rest and ...spread
27:49 Intersection (&)
29:03 Interface extends
29:34 Typing event handler functions
31:13 Typing useState hook
34:33 Typing useRef hook
35:29 'as const'
36:55 Omit utility
37:38 'as' Type Assertion
38:31 Generics (EASY!)
42:00 Generics in React
45:34 import type
47:05 'unknown' type
48:20 Zod
48:58 ts-reset library

#webdevelopment #programming #coding

[alan-oqvk]

Just discovered this guy. Amazing. Doesn't waste time. Doesn't try to be funny. No nonsense clear, solid info.

[abbasebadian]

The only person who explained "Why you need to put a comma after T". That's a +10000

[endlessia]

So far the best «Everything you need to know » for Typescript with React ! ❤

[shadyheadstash]

You're really nailing a great balance of introductory learning videos along with advanced topics. I find myself on your channel organically all the time and always find what need. Awesome work!

[gurpritsingh]

Came across your channel today and this is the second video I have watched. I must say this is gold standard. Thank you for the hard work you have put in.

[armangohari]

Whatever you teach goes straight to my mind's knowledge base, without me needing to organize the information. Thank you so much!

[kuldarkalvik]

Been quite sick for the past few days and this calm to-the-point teaching approach is just the perfect way to pass time productivly. Keep up the good work!

[alirezagarshasbi]

i appreciate the roadmap, where you started, continued and ended is just awesome, easy to learn and easy to remember.
thanks alot.

[femmyemmy]

I had to learn all these the hard way on the job. I'm glad you are helping developers out with this stuff... Kudos!

[VincentJenks]

Your videos are excellent - amongst the best. You move quickly, waste zero time, and get right down to brass tacks. No fluff, lame banter, etc. I wish all course authors were as sharp and succinct! Well done, I like your style.

[sedmidivka]

what I like about your videos is that I feel like you know what you're talking about. I really don't like learning bad practices and many tutorials unfortunately teach those because nobody is perfect of course :D but I really like that it's doesn't sound like you are repeating something you've read yesterday but it is what you really know and understand and it isn't "just because" but it has a reason. thank you

[alexpanteli]

This video should have had 1m + views by now. Excellent explanation

[XXXX-hrlx]

This rapid fire and straightforward tutorial is exactly what I needed. I was trying to answer the question 'okay but how do I actually start using typescript?'

[MehranRoham]

One of the best courses I have ever seen on YouTube. Thanks ByteGrad

[davesmith]

Great Tutorial, your slower pace and soothing voice made it easier to understand most of these concepts. Too many tutors who just talk to quick and assume the learners pace is at expert level. 🙌

[quanghungpham]

Thanks a lot my friend, there are tons of tutorials out there but there are also people who have the basics of JS and React already. Your videos are suitable for people like me, learning fast and simple

[hellforce]

Really appreciate you sharing Typescript fundamentals in such an easy to follow way ! This will now serve as my typescript refresher.

[RajakumaranChakaravarthy]

By far best. Am going to suggest this video to every one in my team or ppl i know who are starting with Typescript. Thank you ❤

[arunkb]

Best explanation ever! 🔥 The best part is you just explained all the different scenarios with only one Button component. Need only this one video for typescript with React ! ❤

[matthieumordrel]

Honestly, I've been watching and reading a lot of stuff regarding frontend development recently and I think this is by a decent margin the most efficient video on a subject. Well done and thank you for it