React Typescript Tutorial for Beginners

In this React Typescript Tutorial for beginners you will learn about function components, passing props, default values, passing setState, and all of the associated TS types and return types. React + Typescript!

🚀 Become a full-stack web dev with Zero To Mastery Courses:

👇 Follow Me On Social Media:

React Typescript Tutorial for Beginners

(00:00) Intro
(00:11) Welcome
(00:32) Setup & Starter Code
(03:39) Function Components
(05:16) Component Return Types
(06:24) Heading Component Example
(07:34) Old Code You May See
(10:09) Recommended Code & Default Values
(14:45) useState hook
(16:11) Simple Counter Example
(17:45) Passing Down setState & children
(21:19) Generic List Example

📚 Suggested Pre-requisites for this Typescript course:

📚 Tutorial References:

⚙ Web Dev Tools:

Was this React Typescript tutorial helpful? If so, please share. Let me know your thoughts in the comments.

#react #typescript #tutorial

[SimPwear]

I have something to tell you. You're a legend and you have helped me become a better Developer. Your tutorials have helped me a lot. Thank you for this series. Stay blessed. Love from Africa

[VanPetersonKpoti]

You're a blessing for the developer community.
I'm running out of words to thank you.

[alirabiei]

holy cow! you did it man, that's amazing I'm super excied for such amazing content.
I'm sure it'll be THE BEST react typescript series on the internet

[vyahruthnetcherla]

Your efforts are amazing. It makes every one of us who wants to learn even more motivational. Thank you so much Dave❤️

[johnconnor]

So great!!! Very, very important topics discussed. No one talks about this. So cool. Thank you!!!

[katieholliday]

I never comment on youtube videos but I just had to say THANK YOU!! I'm learning typescript for a React project and it's been so difficult to find tutorials that use the new syntax without React.FC. You explain everything in such an easy to understand way yet still manage to teach more in 30 mins than a lot of tutorials do in 2 hours. Bravo 👏👍

[johnychinese]

Wow Dave, I didn't think you would even add the react ts tutorial. Thank you sooo mucchhhh. You're literally saving lives with your videos 😊

[Trecia_KS]

Sir, I just discovered your YouTube channel and I've been learning a lot more things effectively!

I appreciate the time you put into your tutorials! Thank you, Dave :D

[synt-x]

Would be great to see you hit 100k subs by the end of this year! Awesome job as always! Thanks 👍

[okonkwo.ify]

Thanks Grey. I have watched tutorials on React Typescript but have been secretly waiting for you to put out one.

[kishoreandra]

Wow ... I'm excited 🤩 ... Was awaiting

Thanks Dave 🙏

[HusamNasrullah]

Dave, love you man, you made life easy! ❤

[fixitman]

Right on time. I was just struggling with this today!

[philippearras]

Dude, you have no Idea how many lives you are changing.
Huge thanks !!!

[robert_k_sam]

Thank you Dave. I really appreciate your efforts.

[lopo]

Thank you, when i needed ts tutorial, you post it just in time

[adnantariq]

This tutorial might seem a "basic introduction" to the subject of React with using typescript, but it is NOT. It is much more, and thanks to Dave Gray's clear n simple approach, he has made what would be a difficult subject matter to follow, he has made it easy to follow. A BIG thank you! I will certainly look forward to more of your examples to follow.

[abdulazeez.]

Awesome video as always.
Anything typescript is greatly welcomed!
P.S. it’s a really good idea to have the hooks in one separate video. Will be helpful for reference.

[dai]

The quality of these videos rival paid courses, thank you for all the hard work you put into making these for us, it really helps the community 👍

[regilearn]

I Really Appreciate you for this Dave, LOVE YOU DAVE ❤.Please continue this series, with a real world app