React with TypeScript Crash Course

This is a 1.25 hour crash course aimed to teach you the React with TypeScript in great detail.
Second Channel:
/ @laiture123
Github Repo:
github.com/harblaith7/React-W...
Udemy Courses:
GraphQL - www.udemy.com/course/modern-g...
Timelines:
0:00 - What is TypeScript
7:20 - Create a TypeScript React App
10:55 - Handling State
24:45 - Handling Props
31:08 - Handling Functions
40:36 - Handling Events
** TAGS **
React TypeScript Interface Scalar Types
** TAGS **

[@ldpuri]

Thank you for putting this together! Watched dozens of videos on Typescript and this one that finally clicked for me. The use cases that apply to React were exactly what I needed.

[@judyl6325]

Great tutorial for React with Typescript! I was really struggling with learning React and Typescript separately so it was super useful to see them implemented together like this, thank you so much!

[@devjay2288]

This is by far the best lesson on react with typescript out there. It's straight to the point with real world use cases and great explanation.

[@laithacademy]

Thanks Giannis! When it comes to the Heat, you're straight to the point as well

[@devjay2288]

@@laithacademy NBA Finals, here we come. 🦌 FearTheDeer

[@danielgaliziani2401]

Exactly!!!!!!!

[@rabindrapatra7151]

see codevolution once

[@warisulimam3440]

One of the best crash courses I've ever watched. The quality of the content is way higher than just one like can appreciate for. I would say each of the sections deserves a like, but alas, youtube. Earned a new subscriber! : D

[@jennifermagpantay7933]

One of the best crash courses I have seen so far! Great explanation and valuable tips to figure out the correct types to add to elements! I have suffered to add the correct types to events, but now I know what to do hahah Thanks for sharing : ))

[@0xDevelopers]

Wow! Best tutorial ever! I got all missing pieces together with this one video. Keep educating !

[@prachidiptamishra6189]

You deserve much more recognition because I have seen very rare youtubers who explain the concepts like the way you do... I've made my colleagues subscribe to your channel because I think it's really worth it!! Keep up the good work

[@carlosmacias8075]

This was great. I already had some very basic knowledge on how typescript works with React with interfaces, defining types and all that, but I was always having a hard time guessing the types to declare each thing for what it was and your process helped a lot. Thank you

[@drozdekPty]

Have been working as Developer since 15years and have seen thousands of various videos. This is definitely one of the best ones have seen so far. Explained thoroughly with ease. Thank you

[@danielgaliziani2401]

What a great crash class!!!! finally someone who can deliver!!!! well done mate

[@bpglockmaster793]

I did not program since 2012 and got here the lesson that i needed to start, thank you very much

[@soumyajitdey5720]

Very crisp and to the point video!! Great content Laith!

[@johnherrera5913]

Master! One of the best tutorials I have ever watched. Thank you Laith

[@spazzoidrat]

This is insanely great tutorial on typescript. Thanks. Keep it up!

[@adnanjpg]

This is actually a great crash course for people coming from other frontend frameworks. Personally I am a flutter developer and I know a thing or two about react, this course gave me a push to be able to understand starter projects and learn from them. thank you for the great efforts

[@randomcell708]

Best introduction tutorial for using TS with React I've found. Would be great to have a part 2 that develops this app and teaches slightly more advanced TS with React features

[@guilhermefonseca3067]

Agreed, bring on the 2022 React.TS part two

[@Bekstou]

Nice man, really struggling with React and Typescript. This makes it clearer, next step to try and apply these concepts myself. Cheers!

[@henriquekutner6724]

This is the best lesson I found on youtube about react with typescript. Thank you.

[@erdemoz2187]

One of the best React Typescript tutorials! Very clear, detailed and well articulated explanations. Thank you!

[@mohammedsaber6782]

Very good tutorial, it's one the best I've ever seen. it's comprehensive and right to the point

[@bikramjeetsingh4943]

This is the best video for react with typescript!! Thanks for this.

[@albinoiiicordova4811]

Thank you for this tutorial! Very practical and everything is explained in detail.

[@LyonLoi]

This tutorial is actually amazing. My suggestion is going through this tutorial 2 times. For the first time, just follow exactly to make the same app. The second time, make your own app.

[@KeKuHauPiOx]

I'm currently in a bootcamp for frontend JS. We just completed React but I was really lost. This was the most concise react video I have ever seen

[@dernyt-tpe]

Thank You, this practical implementation tutorial is the best to understand TypeScript and React. Subscribed 👍

[@Dharmachinta1986]

I love it , This is by far the amazing lesson on react with typescript out there.

[@mikezcooler]

A great and to the point pragmatic introduction. Nice one. Thanks.

[@ibnulferdous2349]

This video explains the concept and the code. Great tutorial. Thanks Laith for teaching us.

[@mmacuts7527]

Thank you so much. This tutorial is so straight to the point. Exactly what I needed to start building react apps in typescript

[@aidarousjibril6323]

Laith you are the best really, the way you explaining is incredible

[@henrycodingstack6952]

I have found a new react god, love your tutorials man thanks for this clean lecture.

[@wmarple]

This is such a great crash course on React and TS. Laith nailed the objective. I gleaned in an hour enough knowledge to dig into an inherited project using React and TS and get moving.

[@marufahmed7314]

Thank you. Recently i was learning TS and planing to use with React. Your video is help me to understand many things.

[@Spectre4300s]

Good crash course! One suggestion, when updating the people state in the AddToList component you should use the updater function version of setPeople, so that you do not need to pass people down to AddToList and this will also ensure your state updates as expected since you are updating state based on previous state value and setUpdate calls are async.

[@Arabian_Epileptic]

Thanks Laith, i just started learning Typescript and I am loving it since I come from an OOP language like Java initially. JS + Types is amazing!

[@thru_and_thru]

Amazing work man!! Really enjoyed this and it was super helpful!! Thank you!!

[@muhammadfaizan5969]

Thank You, this was just what I needed to understand TS with React

[@frontend.made.eazzzy]

You are superb man! very clear and concise beginner friendly typescript introduction with react implemention.learn a lot thanks man

[@tunde6159]

Lovely. Typescript is really great. Thank you for the tutorial.

[@hasibulhasansiju]

An amazing overview of typescript for beginners like me... Thank you so much

[@ManojKarmocha]

Terrific starter course and a terrific tutor with full of awesomeness

[@bibhushankarki9194]

your explanation is so clean man!

[@PovilasCiplis]

This guy is 0.01% of the users/creators on youtube who actually deserve to be subscribed on. Normally I never subscribe even when being asked to. You sir are so much better than other 99% in this category.

[@nbo304]

Love this thank you. Just what I needed.

[@henrikbrathen4715]

Probably the best TS tutorial I've come across

[@langchen1300]

A lot of important and useful concepts are covered in a short tutorial, thank you so much!

[@fyriss_]

Exactly what I was looking for, thank you.

[@eliascotrim51]

Incredible tutorial, very good and concise!

[@AnilThakur-wc1rd]

Thanks for sharing your knowledge. A very good lesson, and highly recommended. Great work.

[@jahelsantiago]

Hey, i ve just discovered your channel and you have a lot of potential, I am a new subscriber and I will recommend this channel with my friends

[@jeremyh9841]

When you setPeople and want to add an element to the array, you can change the previous state with setPeople(prevState => [...prevState, newPeople]) instead of taking the variable ...people. I think its more safe.

[@asimsami3116]

Your explanation is awesome .. I really like it, I would to see more like this videos for the other react features. thanks.

[@emelielindborg]

Thank you so much for an easy to follow video!

[@tekk7989]

Easy to understand bc of the simple example and clear explanation!

[@hndk2721]

I'm struggled to use TypeScript in Vanilla JavaScript and now I have to use it in my React app, but I've found this video and bruh you explained this very well. Now, I can use TypeScript in my project without confusing the type! Thank you!

[@susithra28]

One of the best course for basics ..thanks a lot

[@anangyoga1381]

stumbled upon this video and then check other videos and realize that this is like gold mine for newbie programmer like me!

[@fabrizvi8386]

Keep up the greattttttt workkkk I love ur crash coursesssss XD

[@myst.youtube]

Love this tutorial

[@working9990-hafiz-k]

Very good crash course. Thanks, mate!

[@stanislavdubuk9336]

Thank you for a great crash course :)

[@321123580]

I have found what I needed in your lesson, thank you

[@tomasburian6550]

This was great. Thanks, brother.

[@leabaty7133]

Thank you, such a clean and easy tutorial !

[@kcapt96]

15 minute in and I can tell this is the only React TS crash course you need.

[@user-paint-alexandra]

Thank you! I understood all steps, it`s very useful.

[@milanpavlovic8141]

So amazingly well explained

[@jadedar6894]

I would be gladly recommend this tutorial and says don't forget to subscribe for respect. Awesome TS tutorial :)

[@erickbravo5800]

Holy shit. thank you. Better typescript React tutorial than all the other prominent youtube programmers out there. I can name all the others but I wont do it lol

[@sumsoo]

This lecture is legit! thanks, it helped me a lot😀

[@jamoliddinz]

thank you, i'm learning so many things from you

[@romansemchuk1837]

Many thanks for this video, sir! Very helpful.

[@huynhtriet444]

This video is geared towards more for people who are already familiar with React and TypeScript already so keep in mind before watching. Otherwise, great video! After watching, I know how to implement TypeScript in React right away.

[@acivoj86]

Wow, such a good video. Very well explained.

[@eLab43]

Helped me a lot. Thanks you very much!

[@LuisBlancoAustin]

Excellent tutorial. Many thanks!

[@stefanocons]

thank you so much for this tutorial!

[@matthewvaccaro8877]

Allergic to staying on the same team HAAA! Amazing

[@ujjalzaman2722]

This is really cool. Thank you for this video

[@skydivey]

Thank you! It was really helpful.

[@theaamaadmi228]

Hats off man , this was really 👍👍

[@yaboi.hitmaizer]

this was very very helpful. instant subscribe from me. Thank you!

[@carlosraul6578]

thank you for the video , it really helps me a lot

[@connorflewitt8377]

Holey moley! That was incredibly insightful, good work man thank you so much, your a genius!! How have you learned this much?

[@onkar9155]

i work as a software developer , i would say its the best course to learn real use cases and the explanation is exact also better than other courses

[@codeWithMeEasy]

Great can we expect more videos on React-Typescript applications

[@shugilazala2892]

Omg so clear and concise :')

[@arnoczkyzoltan6158]

Thanks the tutorial! About the parseInt: without the radix argument is dangerous.

[@prudhvirajmudunuri510]

Thank You so much!! Really useful

[@apocalyptotv3765]

great video, it was a ton of help

[@luq2337]

Very helpful!!!! Thank you so much!!!

[@Pareshbpatel]

Your Typescript Tutorial has inspired to take the leap and learn Typescript. Thanks. {2022-09-02}

[@AndrewMycol]

Before watching this tutorial, i never really understood why someone would want to use it over Javascript since it involves using types and Javascript is more forgiving. After watching this tutorial, not only did I get to see more React being used, which I am still just now 3-days into my React learning journey, this tutorial was very clear about why Typescript can be useful, and why TypeScript probably is the route to go, since it can catch mistakes that Javascript can't. Very well done!

[@svetlanaparvathi7871]

Thank you so much, best, best, best!

[@ionandrei44]

Typescript is next level 🔥

[@rjc4200]

Good one Laith. Good , to the point explanation, crisp and no beating around the bush. Oh and why don't you use ES6 feature plugin for VSCode? Rather creating a RFC skeleton by manually typing, you can use 'rfc' or etc. :) Btw, keep it up, will be waiting for more videos like this !

[@lsowein]

Great tutorial! Thanks!

[@sameeraliyanage519]

This is great. Thank you very much

[@daviesray6242]

Great content man!

[@ameerhamza-pw1vq]

well done and modern toturial