TypeScript in React - COMPLETE Tutorial (Crash Course)

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 พ.ย. 2024

ความคิดเห็น • 358

  • @alan-oq4vk
    @alan-oq4vk 8 หลายเดือนก่อน +136

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

    • @Pepperlanders
      @Pepperlanders หลายเดือนก่อน +2

      I thought the same

  • @juliogarciape
    @juliogarciape หลายเดือนก่อน +6

    The best crash course for TypeScript in React I've found on TH-cam

  • @VincentJenks
    @VincentJenks ปีที่แล้ว +77

    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.

    • @anastasiiazh.9107
      @anastasiiazh.9107 ปีที่แล้ว +3

      100% agree, love that it is straight to the point, and examples are great and very clear.

    • @jou3883
      @jou3883 ปีที่แล้ว +3

      Agreed. and my next compliment has nothing to do with the content - I genuinely think he's good looking. Not flirting though, just stating the truth about his appearance. He looks clean, tidy and healthy. If only majority of devs could take care of their health more. And his skin is flawless and glowing! Not sure if he used any filter when recording this vid, but nevertheless, tell me your secret @ByteGrad !😅

    • @khaleelalhaji
      @khaleelalhaji ปีที่แล้ว

      ​@@jou3883😂

    • @wishmeheaven
      @wishmeheaven 10 หลายเดือนก่อน

      Shouldn't the title "Complete" arrive with (at least) useReducer..?

    • @MarkEdwardTan
      @MarkEdwardTan 9 หลายเดือนก่อน +1

      I agree. Straight to the point. Excellent presentation and explanation as well.

  • @endlessia
    @endlessia ปีที่แล้ว +121

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

    • @ByteGrad
      @ByteGrad  ปีที่แล้ว +18

      Glad you think so!

    • @ardianhotii
      @ardianhotii ปีที่แล้ว +7

      I think the same too , the best video for typescript I've seen

    • @__mas
      @__mas ปีที่แล้ว +2

      Insanely good.

    • @adamrodriguez7598
      @adamrodriguez7598 11 หลายเดือนก่อน +2

      Seriously the best typescript video I needed

    • @wishmeheaven
      @wishmeheaven 10 หลายเดือนก่อน

      I was actually looking the for useReducer, useMemo, and useCallback when I saw the title "COMPLETE"..

  • @abbasebadian6851
    @abbasebadian6851 5 หลายเดือนก่อน +18

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

  • @throwaway-lo4zw
    @throwaway-lo4zw 9 หลายเดือนก่อน +15

    ur voice, tone and pace makes ur tutorials way better to follow and understand than everyone else, am i the only 1 who thinks this ?

    • @srii_entertainment
      @srii_entertainment 9 หลายเดือนก่อน +1

      exactly. today I started watching a random video in this channel and I loved the way he speaks and immediately I subscribed to it and shared it to my friends.....

  • @_tanzil_
    @_tanzil_ 3 หลายเดือนก่อน +4

    I not only learned how to work with typescript in react, I also learned Typescript itself and also learned what are the common mistakes we might make and what are the convention everyone follows.
    I know that for a complete typescript beginner, it will be a difficult to understand. But if you come from watching other tutorials first, this video is going to be your ultimate tutorial for typescript.
    Amazing...

  • @sudarshan_savvy
    @sudarshan_savvy ปีที่แล้ว +13

    You are the best tutor; you know how to teach concepts very well. I have taken many paid courses and learned from more than 50+ TH-cam tutors, no one matches your teaching style. Perfect pace, not slow, not fast, just 100% perfect. Clear concepts with practical examples. Thanks.
    Your voice is relaxing but was bit low in this video.

  • @ahmedkhalid-ld1ex
    @ahmedkhalid-ld1ex 9 หลายเดือนก่อน +20

    it's sad that you can only like a video one time :(

  • @shadyheadstash
    @shadyheadstash ปีที่แล้ว +32

    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!

  • @Sartaj_Ashraf
    @Sartaj_Ashraf หลายเดือนก่อน +3

    Accidentally clicked on the video in random suggestions, I can't skip a single word now. It's just awesome sir, it's very informative, clear and easy to understand tutorial. Definitely going to follow along on all the video hereafter.

  • @armangohari6193
    @armangohari6193 8 หลายเดือนก่อน +4

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

  • @alimammadli6915
    @alimammadli6915 3 วันที่ผ่านมา +1

    Typescript: Explain me with just one component.
    ByteGrad: Hold my Button.
    Great Typescript course 🤩 Thanks for your hard work 👏 Highly recommended 👍

  • @ahmedfernandez4695
    @ahmedfernandez4695 2 หลายเดือนก่อน +3

    This guy is amazing, just discovered him, accurate and straight to the point.

  • @XXXX-hr2lx
    @XXXX-hr2lx 5 หลายเดือนก่อน +5

    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?'

  • @FaridMikayilov
    @FaridMikayilov 2 หลายเดือนก่อน +3

    The first time I really understand typescript, looool. 😄
    Hats off to this guy

  • @matthieumordrel9684
    @matthieumordrel9684 5 หลายเดือนก่อน +3

    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

  • @sedmidivka
    @sedmidivka 11 หลายเดือนก่อน +6

    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

  • @SaebMsarwa
    @SaebMsarwa หลายเดือนก่อน +3

    Loved this and saved for later.

  • @inspacesilence
    @inspacesilence 5 หลายเดือนก่อน +37

    You just compressed a 10 hour ugly youtube course to perfect short tutorial that expereinced developer with type safe language can learn something from

  • @ingeniousgoldie
    @ingeniousgoldie 19 วันที่ผ่านมา

    This is the sweetest coding video I have ever watched. The tone, the efficiency of the lessons, the pace, amazing ❤️💓

  • @programmingzone5975
    @programmingzone5975 5 หลายเดือนก่อน +1

    I like the way you just go straight to the point

  • @bashkort_erete
    @bashkort_erete 7 หลายเดือนก่อน +1

    God bless you, man, thank you for the lesson👍👍👍

  • @dxabraham198
    @dxabraham198 ปีที่แล้ว +5

    I would of loved to watch this video 4 years ago when i was looking for a new job and i applied for one in which typescript was a nice-to-have requirement and when i joined the project it turned to be a whole react/node project written in TS. Everything you explain along the video i learned it struggling and pulling my hairs off of my head lol. Now i watched your video out of curiosity and i can say it's the best "Everything you need to know" video i've seen according to my experience. You really nailed it!

  • @davesmith7658
    @davesmith7658 11 หลายเดือนก่อน +2

    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. 🙌

  • @jsinnerx
    @jsinnerx ปีที่แล้ว +3

    The best react with typescript video I've ever seen.

    • @wishmeheaven
      @wishmeheaven 10 หลายเดือนก่อน

      Have you find those which called themselves "COMPLETE" as this one,
      But also include useReducer, useCallback and useMemo..? 👀

  • @gurpritsingh3164
    @gurpritsingh3164 ปีที่แล้ว +3

    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.

  • @MehranRoham
    @MehranRoham 4 หลายเดือนก่อน +1

    One of the best courses I have ever seen on TH-cam. Thanks ByteGrad

  • @alexpanteli3651
    @alexpanteli3651 4 หลายเดือนก่อน +2

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

  • @ByteGrad
    @ByteGrad  ปีที่แล้ว +16

    My Professional React & Next.js course is OUT NOW now! Find it here: bytegrad.com/courses/professional-react-nextjs -- this is the #1 resource to master the latest React & Next.js, my absolute best work.

    • @foo3234
      @foo3234 ปีที่แล้ว +1

      your videos flow like water, very soothing, no fluff, straight to the most important details

    • @klaudiuszbiegacz3519
      @klaudiuszbiegacz3519 ปีที่แล้ว +1

      Is this course for someone who is not a beginner and more like a strong junior?

    • @ByteGrad
      @ByteGrad  ปีที่แล้ว

      @@klaudiuszbiegacz3519 Absolutely!

  • @RajakumaranChakaravarthy
    @RajakumaranChakaravarthy 9 หลายเดือนก่อน +3

    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 ❤

  • @alirezagarshasbi6557
    @alirezagarshasbi6557 ปีที่แล้ว +1

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

  • @ts8960
    @ts8960 8 หลายเดือนก่อน +2

    I like that you are opinionated and use the cleanest looking formats , keep up the good work

  • @safariambience4052
    @safariambience4052 ปีที่แล้ว +13

    This is top-shelf educational content. Simple and easy to reference I have learned a lot. Thank you

    • @ByteGrad
      @ByteGrad  ปีที่แล้ว

      Great to hear, thanks

  • @siratmohaiminulislam8677
    @siratmohaiminulislam8677 5 หลายเดือนก่อน +1

    I'm gonna get your courses right away. so straightforward. and you accent is so crisp and clear that it's hard not to fall in love with.. haha! and I am watching this after 8 months!

    • @ByteGrad
      @ByteGrad  5 หลายเดือนก่อน

      Awesome, enjoy!

  • @sagarchavada6226
    @sagarchavada6226 6 หลายเดือนก่อน +1

    Love your super fast point to point teaching approach

  • @arshsblenderdump6438
    @arshsblenderdump6438 6 หลายเดือนก่อน +1

    Extremely well delivered content
    I’ve had a problem with overall quality of content regarding development on youtube where you are not exactly learning but your way of teaching is really good and instead of just following along and having something that works your video allowed me to lewrn and make something of my own

  • @rujinopy7746
    @rujinopy7746 ปีที่แล้ว +4

    I learn about TS in this video more than spending a whole year by myself lmao , really good content as always!

  • @arnaudpant.8779
    @arnaudpant.8779 5 หลายเดือนก่อน +1

    the best free typescript course i have seen. thanks

  • @garnerhernani7114
    @garnerhernani7114 6 หลายเดือนก่อน +1

    the best typescript tutorial I've seen so far!

  • @arunkb6452
    @arunkb6452 6 หลายเดือนก่อน

    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 ! ❤

  • @anantdhiman4189
    @anantdhiman4189 4 หลายเดือนก่อน

    Thank you so much for this wonderful video, this is what i was looking for, amazing!!

  • @aliplaysgtr
    @aliplaysgtr ปีที่แล้ว +2

    Super clear explanations of Generics, thanks a lot man!

  • @developerpranav
    @developerpranav ปีที่แล้ว +4

    Such a thorough video. Thank you! This has so much that I didn't know before!

    • @ByteGrad
      @ByteGrad  ปีที่แล้ว +1

      Glad it was helpful!

  • @kuldarkalvik0
    @kuldarkalvik0 ปีที่แล้ว +2

    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!

  • @AlexBereza
    @AlexBereza ปีที่แล้ว +2

    This is just awesome! You've managed to explain most of the Typescript in React in just 1-hout video!

  • @IreneBorada
    @IreneBorada 4 หลายเดือนก่อน +1

    Thank you for this crash course; it was extremely helpful and very well-structured. A lot of gratitude for all your videos from a self-taught front-end developer who has become better thanks to people like you. Respect. 🙏

  • @quanghungpham269
    @quanghungpham269 11 หลายเดือนก่อน +2

    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

  • @julias3782
    @julias3782 ปีที่แล้ว +2

    Amazing quick explanations! I've watched the video in one breath. Thanks!!

  • @daria_vyshniakova
    @daria_vyshniakova 8 หลายเดือนก่อน +1

    Wesley, thank you. This tutorial is amazing! I understand more from this video than from udemy TS course

  • @ryanwoods3333
    @ryanwoods3333 ปีที่แล้ว +5

    Thank you for this!
    I really hope you publish more React + TypeScript content as there isn't enough of it on TH-cam which teaches both together.

    • @olusanyaolamide9764
      @olusanyaolamide9764 ปีที่แล้ว

      Exactly 💯, it's good to see videos like this, JavaScript mastery released a video recently saying React isn't NextJs and he talked about server components and how we must change the way we think when using the new nextJs 13 app router, the new changes can be a bit overwhelming especially for newbies just transitioning from react to nextJs, I still use the old pages directly for my learning for now, I feel the app router to be confusing

  • @matheuseli165
    @matheuseli165 3 หลายเดือนก่อน +1

    The best tutorial i've seen so far!!

  • @mangoherpson
    @mangoherpson ปีที่แล้ว +2

    Love your method of teaching, straight to the point and concise. Subscribed.

  • @cant_sleeeep
    @cant_sleeeep 10 หลายเดือนก่อน +2

    this guy clearly knows what he’s doing. i trust him 100%

    • @amanrubey
      @amanrubey 10 หลายเดือนก่อน

      exactly 😂😂

  • @nchatu
    @nchatu ปีที่แล้ว +1

    Definitely the best explanation that can easily be digested I got for Typescript generics.

  • @treyrader
    @treyrader ปีที่แล้ว +1

    I've watched thousands of youtube channels and bro i love yours the best! Not sure if it's beginner friendly per se but for me it helps validate my understanding. ensures me that i am not entirely thinking about things wrong.

  • @klaudiuszbiegacz3519
    @klaudiuszbiegacz3519 ปีที่แล้ว +3

    I'm really GRAD i've found your channel. So much useful knowledge and I really like the way you explain.

  • @m_willburger
    @m_willburger 4 หลายเดือนก่อน +1

    Great video! I love that you stay on the content you promised the video would cover. Some content creators get lost in other topics and details, and a minor part of the video covers the actual information it should be about. Well structured and very interesting 👍

  • @hell2force
    @hell2force ปีที่แล้ว +1

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

  • @zaxpeedy2852
    @zaxpeedy2852 8 หลายเดือนก่อน +1

    oh my god, thank you. this video is awesome, an hour of pure gold.

  • @gosnooky
    @gosnooky ปีที่แล้ว +1

    Nice thing about tuples, you can unionize them for different lengths. If you accept 4 numbers for padding for [top, right, bottom, left] or 2 values for just top and bottom ([x, y]), say, you could annotate tuple elements: padding: [x: number, y: number] | [left: number, right: number, bottom: number, left: number], then compute your padding based on the array length.

  • @subhamprasadbhagat4527
    @subhamprasadbhagat4527 4 หลายเดือนก่อน +1

    Thank you so much for creating this video and the other one that you have created on Generics. I have been struggling to understand the usecases, but your examples have made it very clear. Explanations are to the point, perfect and no unnecessary talks. I really appreciate your efforts.
    type TypeScriptVideo = (ByteGrad's this video);
    const tutorial: TypeScriptVideo = (video on TH-cam);
    console.log(`Understanding TypeScript from ${tutorial}`);
    #recommended

  • @thecoder1631
    @thecoder1631 5 หลายเดือนก่อน +1

    it's crazy how much you taught in so little time. thank you :)

  • @farzanekazemi7458
    @farzanekazemi7458 7 หลายเดือนก่อน +1

    Thank you so much, this is a great tutorial and very helpful.
    What extension do you use for typescript?

  • @enriquegrageda
    @enriquegrageda 10 หลายเดือนก่อน +2

    My brother,
    All my questions, you have answered
    I know, you know your stuff
    Great Job! 😄

  • @supafast1314
    @supafast1314 11 หลายเดือนก่อน +1

    Crazy amount of value in this mini course, Thanks a lot 🙏

  • @deni930918
    @deni930918 9 หลายเดือนก่อน +1

    Thank you for the valuable content in this video! I've been writing in TypeScript for quite a while, but I still learned a lot from watching it, and I recommend it to everyone.
    It would be great to make tutorials for creating a Next.js application from scratch. ❣👏

  • @GenesisTroyTorrecampo
    @GenesisTroyTorrecampo 11 วันที่ผ่านมา +1

    Thank you. This is straight to the point.

  • @yananderson5864
    @yananderson5864 ปีที่แล้ว +1

    Thank you so much for this video. I recently started a job, and it requires typescript, and this helped me a lot, it's incredible

  • @brancode404
    @brancode404 9 หลายเดือนก่อน +1

    Best Typescript course so far. I've learned alot thanks a ton brother. :)

  • @josantana6259
    @josantana6259 ปีที่แล้ว +2

    Wish I have found this video earlier. Simply the best.

  • @shrishkerur7571
    @shrishkerur7571 ปีที่แล้ว +6

    Dude, your timing is perfect, and the way you teach is on another level. I never found anyone with Nextjs 13 and would be glad if you make one on Nextjs 13 with Redux

    • @mikerobin8410
      @mikerobin8410 ปีที่แล้ว

      Do you really need redux nowadays?. ContextAPI abstracts a lot

  • @Raphael-jo1rp
    @Raphael-jo1rp ปีที่แล้ว +1

    Very valuable. I start to think you are just at the top of the JS/Typescript/React game in TH-cam.

  • @olusanyaolamide9764
    @olusanyaolamide9764 ปีที่แล้ว +1

    The first time I saw your video, it was react mistakes junior developers make, I'm so intrigued by the quality of the presentation and the way you speak it's unique, it helps me easily understand, You are good!! real good!!

  • @minamulhaq
    @minamulhaq ปีที่แล้ว +2

    You upload what I really need right now

  • @michaldobiezynski4704
    @michaldobiezynski4704 ปีที่แล้ว +2

    Your explanation of generics is the best I've ever heard 👏
    I can't wait for your react course.

    • @ByteGrad
      @ByteGrad  ปีที่แล้ว +1

      Thank you! 😃

  • @HeyNoah
    @HeyNoah ปีที่แล้ว +2

    This is GOLD! Thank you! Are you doing a full typescript course by chance with real-world implementation?

    • @ByteGrad
      @ByteGrad  ปีที่แล้ว +2

      Thanks, my next course is about React & Next.js. There’s a lot of TypeScript in there. Make sure you’re subscribed to the email newsletter :)

    • @HeyNoah
      @HeyNoah ปีที่แล้ว +1

      @@ByteGrad Done!! Love you're videos dude! You have a real great way of making things digestible and understandable for people who are advanced, but want to be. Super appreciate it! 🙏

  • @santoshparker8681
    @santoshparker8681 11 หลายเดือนก่อน +1

    Awesome tutorial . Your channel deserves more subscribers. Just keep uploading videos. We are enjoying your content.

  • @naimurhasanrwd
    @naimurhasanrwd ปีที่แล้ว +1

    This is best! You are extremely professional, experienced and also teach noob. Amzing.

  • @male3399
    @male3399 ปีที่แล้ว +2

    That was very helpful I was looking for it to make things clearer!

  • @sukhjindersingh7802
    @sukhjindersingh7802 ปีที่แล้ว +2

    Great in details and very easy to understand, Thanks a lot man ❤

  • @alvinacosta2312
    @alvinacosta2312 ปีที่แล้ว +1

    finding myself liking every video i watch from you, so i can go back to them later for reference.

  • @meew7571
    @meew7571 7 หลายเดือนก่อน +1

    great teaching bro. very helpful for as a react js developer trying to learn react typescript.

  • @legend_749
    @legend_749 ปีที่แล้ว +1

    It is almost one hour duration video. But I don't know why i felt that only 15 mins passed when the video finishes. Really this is a best typescript course 🔥

  • @piqus4334
    @piqus4334 4 หลายเดือนก่อน +1

    It's insane! Zero to 100 typescript in less than an hour!! saved in my playlist..

  • @HenryBabbage
    @HenryBabbage ปีที่แล้ว +1

    Epic video, it is rare to see so much info so clearly communicated. Totally enjoyable to watch and the perfect pace for getting started with Typescript. Thanks alot!

  • @maxstrootmann
    @maxstrootmann 11 หลายเดือนก่อน +1

    This is awesome! Thanks so much for the video and especially the timestamps.

  • @drverissimojr
    @drverissimojr 3 หลายเดือนก่อน +1

    Hi from Brazil! Amazing video!!

  • @iqwebserve3973
    @iqwebserve3973 11 หลายเดือนก่อน +1

    Fantastic refresher plus tricks.

  • @ohrohrohr
    @ohrohrohr ปีที่แล้ว

    Not sure if it's intentional but your video has an ASMR effect. The most relaxing coding video I've seen.

  • @the_yugandharr
    @the_yugandharr ปีที่แล้ว +2

    Amazing video!

  • @ashrafsir69
    @ashrafsir69 ปีที่แล้ว +1

    Now that's what I call content! Awesome job!

  • @lokeshkumarsingh6120
    @lokeshkumarsingh6120 6 หลายเดือนก่อน +2

    this was simply perfect! thanks a ton

  • @kashmirtechtv2948
    @kashmirtechtv2948 5 หลายเดือนก่อน

    thanks man ❤❤ I have watched it completely and it's 100% recommended.

  • @saiphaneeshk.h.5482
    @saiphaneeshk.h.5482 ปีที่แล้ว +2

    Fabulous, just found the channel recently and helping me allot.
    Hopeing for more tips and tricks for reactTs.

  • @roshan4348
    @roshan4348 4 หลายเดือนก่อน +1

    Great typescript video!

  • @ivanyoed
    @ivanyoed 9 หลายเดือนก่อน +1

    Thanks a lot man. Will be watching a lot of your videos. They're very well made. Sometimes a bit fast for me, but I can always pause or play them slower. Anyways, thanks for the hard work.

  • @andreas7027
    @andreas7027 6 หลายเดือนก่อน +1

    So much knowledge compressed, thank you!

  • @Cypekeh
    @Cypekeh ปีที่แล้ว +2

    These latest videos of yours are overpowered

  • @saisagarsharma
    @saisagarsharma ปีที่แล้ว +1

    Dude u r no less than a James bond. In looks and delivering content