Learn React Hooks with Typescript

Поделиться
HTML-код
  • Опубликовано: 25 янв 2025

Комментарии • 95

  • @hojinharry6270
    @hojinharry6270 Год назад +2

    Loved it. I was looking for this. Documentations were not enough. Thank you

  • @eleah2665
    @eleah2665 2 года назад +6

    Wow! There's a lot going on in this innocent looking 23 minutes. It forced me to wake up and think. Thanks. I'll look forward to the next one. I need all the typescript help I can get.

  • @3ab9ariclash77
    @3ab9ariclash77 2 года назад +3

    amazing thank you dave

  • @7doors847
    @7doors847 2 года назад +1

    We are ‘hooked’ on Dave Gray!!🪝

  • @yuhiahtyun5665
    @yuhiahtyun5665 2 года назад +3

    Road to 100k subs, keep it going Mr.Gray. Thanks for your huge contributes to the community

  • @wiseskeshom4673
    @wiseskeshom4673 Год назад

    Thank you so much for this informative video, for a beginner who just started to learn Typescript React like me, your channel is so so cool.

  • @hosamgnaba3205
    @hosamgnaba3205 2 года назад +5

    Great video Dave, I wish I had someone explained react hooks like that to me when I first started, it would have been much easier for me , thank you man
    Remember to keep striving for progress over perfection ..... :)

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  2 года назад

      Glad it was helpful!

    • @hanzladev
      @hanzladev 2 года назад +1

      one thing you must know, no matter how good teacher you get at time first time learning, you will still learn something new after believing you have master something,
      I value author great efforts,
      you wouldn't have praised him if you haven't watched basic things year before, think of it as required step, even if I learn first time from this video and after year watch new explanation I will get more understanding and I will feel this is much better then from where I learnt earlier.
      its gradual process no one can deny :)

    • @hosamgnaba3205
      @hosamgnaba3205 2 года назад +1

      @@hanzladev Nevertheless, the man is doing really great job for free... and even when i watch things that are really advanced explained by him i still understand every little thing he explaineds

    • @hanzlaahabib
      @hanzlaahabib 2 года назад

      @@hosamgnaba3205 from no angle I have said bad about auther, I have huge respect for him because of his efforts
      But my POV was different in above point, I don't you understood that

  • @michaelscofield2469
    @michaelscofield2469 2 года назад +2

    omg, you are the best, what is the next subject of your video?

  • @developedbypy
    @developedbypy 2 года назад +2

    Please make a next JS course ! & react native one really enjoy learning from this channel.

  • @ahmad-murery
    @ahmad-murery 2 года назад

    I've been so exhausted recently and I feel like I need to thank you for this refresher,
    100K is getting closer 🚀⭐
    Thanks Dave

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  2 года назад +1

      You're welcome, Ahmad! Good to hear from you and thank you for joining me on this journey! 🚀

    • @ahmad-murery
      @ahmad-murery 2 года назад

      @@DaveGrayTeachesCode and what a nice journey,
      I hope things will get better soon so I can give something in return (although it seems very unlikely)
      Be sure that I'll watch and like your videos even if you don't see me in the comment section.
      Sincerely yours

  • @islombekdev
    @islombekdev 2 года назад +5

    Dave, you are one of the best tutors. Keep it up!

  • @MrSoquin
    @MrSoquin 2 года назад

    Explanations are so clear, I understood everything on the first try!!! Also, it seems that you do not explain what useRef does specificaly but, on the other hand, I have google. Great video!

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  2 года назад

      Thank you! useRef video here: ruclips.net/video/s6UAuFzL308/видео.html I think you can search my channel for videos by using my channel homepage, too. 💯

  • @ravenMK_
    @ravenMK_ 2 года назад +1

    Always great content. Remember to keep thriving for progress over perfection.

  • @bobbyboxer2664
    @bobbyboxer2664 Год назад

    Like 👍🏼 just because of that extension recommendation 🔥 now I’m going to continue watching the video which is already great

  • @yustinayasin5539
    @yustinayasin5539 Год назад +1

    thanks for the explanation! how about set state of the user inside use effect? i'm struggling to match the type because the data that i want to pass into the state come from an API

  • @AmarMishra
    @AmarMishra Год назад

    Your content is awesome. Such practical examples . I was able to derive a lot of intelligence from it.

  • @okonkwo.ify18
    @okonkwo.ify18 2 года назад

    I already know this . But I still need to get a cup of coffee and enjoy your tutorial on this topic cos I know ama learn new stuff

  • @Salah-YT
    @Salah-YT 2 года назад +1

    thank u so much

  • @abdulazeez.98
    @abdulazeez.98 2 года назад +1

    Amazing content as always!
    Few days away from 100K 🔥🔥

  • @World_information5568
    @World_information5568 2 года назад +1

    Dear Sir advance congratulations for 100k . You are very hard working man ❤️❤️😊❤️😊.

  • @viniciusm.m.7822
    @viniciusm.m.7822 2 года назад +1

    Thanks!!

  • @SuperShivammm
    @SuperShivammm 2 года назад

    Good explanation with typescript in easy way. Thanks

  • @k303k
    @k303k Год назад

    Thank u .I can understand it clearly

  • @me-wtf
    @me-wtf 2 года назад +1

    You are number one.

  • @digitnomad
    @digitnomad Год назад

    by far the best illustration, i would like to see if you can mix useReducer, useSelector and useContext all together with above video. that will be complex. I think you can, and this will beat Ng and Vue since they are not even close to what React can do today.

  • @eduardoviscencio489
    @eduardoviscencio489 Год назад

    Great way to explain and great extension!
    Do you have any video on the channel explaining in which cases to use type or interface? Thanks

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  Год назад +1

      That's a topic up for debate as both type and interface work. I find myself using interface for classes and type for most everything else.

  • @sonamohialdin3376
    @sonamohialdin3376 2 года назад

    Amazing tutorial thank you

  • @philippearras8154
    @philippearras8154 2 года назад

    Thank you !

  • @shahhussain56
    @shahhussain56 Год назад

    Amazing video sir. Would you please give me the extension name for highlighting the closing bracket in your video?

  • @michaelsaucedo3952
    @michaelsaucedo3952 2 года назад

    Check out Dave's shorts video on case preserve and camelCase preserve. Thanks for the tip. I always wondered.

  • @kirakira160
    @kirakira160 2 года назад +1

    Gold man

  • @mohammadjavadaghazadehfard7873

    Hi Dave, Thanks for your great tutorials. Please make more videos, especially advanced examples. Good luck.
    Also, What is the theme of your VSCode in this video?

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  Год назад +1

      You're welcome! Here is a short showing my theme: ruclips.net/user/shortsdp4u1NNFhtE

    • @mohammadjavadaghazadehfard7873
      @mohammadjavadaghazadehfard7873 Год назад

      @@DaveGrayTeachesCode Thanks. Also, I suggest you try Ayu Mirage Theme. I think it is very good.

  • @iamprincemuel
    @iamprincemuel 2 года назад

    Hi Dave. Awesome video and detailed explanation as always. I already know and use Typescript, but I still gained a lot from this tutorial. Please I'd like to know the name of the vscode extension you used to change the case of the useState variables automatically. Thanks

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  2 года назад +1

      Thank you! I made a quick short about the VS Code extension you want: ruclips.net/user/shortszDiJpqVbszk

  • @johnmcaulay4348
    @johnmcaulay4348 2 года назад

    Haha I said you were going to make it to 100k this year...you've got this! :)

  • @wesleyowen904
    @wesleyowen904 2 года назад

    I really like your videos and I was wondering if you can do a full stack app in flutter?

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  2 года назад

      Thanks for the request! I have not covered any Flutter here yet. Maybe one day!

  • @imam_robani
    @imam_robani 2 года назад

    Can you explain when to use interfaces and when to use type?

    • @proletar3799
      @proletar3799 2 года назад

      there is depend on what u want in further with ur types, basically u can use both of them at same time.
      but slightly different are when u have two interfaces and wanna to merge them.
      with interface.
      e.g :
      interface IOne {
      name : string
      }
      interface ITwo extends IOne // interface ITwo implementsIOne {}
      {
      age : number
      }
      interface is more or less like a class form.
      with type ;
      type TOne = {
      name : string
      }
      type TMerge = TOne & {age : number} // or u can type with union, intersection ,and so on

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  2 года назад +1

      This is a debate that even some of the TS gurus go back and forth on. The React + TS cheatsheet linked in the description addresses this here: github.com/typescript-cheatsheets/react#types-or-interfaces

    • @imam_robani
      @imam_robani 2 года назад

      @@proletar3799 thanks bro

    • @imam_robani
      @imam_robani 2 года назад

      @@DaveGrayTeachesCode great, thanks

    • @proletar3799
      @proletar3799 2 года назад

      @@imam_robani sama-sama bro, semoga membantu sedikit.

  • @mustafaebid3800
    @mustafaebid3800 2 года назад

    Why does automatic subtitles no longer work in videos?

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  2 года назад +1

      I don't know, but that is frustrating. RUclips has been making changes, but surely, they would not remove a feature that makes content more accessible. Maybe they are working on something.

    • @mustafaebid3800
      @mustafaebid3800 2 года назад

      Thanks for everything you give us

  • @waltergermanes4528
    @waltergermanes4528 Год назад

    When to use type and interface?, What's their difference? Thanks in advance🙏😊

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  Год назад

      You will find conflicting answers as it comes down to preference. However, I do find using interfaces to be useful when working with classes. Most of the time, I reach for type.

  • @michalnowak2181
    @michalnowak2181 Год назад

    thx

  • @mhdfirassbarakat6587
    @mhdfirassbarakat6587 2 года назад

    what an effort dave .... thanks to you now I understand typescript but I have a question related to this video, please
    (e: MouseEvent | KeyboardEvent) why did you use this? what is the case that will make me use such a thing
    thanks a lot

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  2 года назад

      A button can be clicked with a mouse or pressed with a keyboard. This just provides the event type.

  • @codefinity
    @codefinity Год назад

    Did he explain why he switches between `type` and `interface`?

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  Год назад

      I usually use interface for classes. Otherwise I stick with type.

  • @Web-Himansu
    @Web-Himansu 2 года назад

    Sir after i completed you web development course can I get job.

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  2 года назад +1

      Keep learning. One course likely won't be enough. In this industry, I am constantly learning. Just keep going.

  • @TravinskiyVladislav
    @TravinskiyVladislav 2 года назад

    What i should be say again? Right,
    thank you, Dave

  • @ToniLiem
    @ToniLiem 2 года назад

    its just a matter of time before you get more subs and becoming more popular

  • @khitibhusannaik1471
    @khitibhusannaik1471 2 года назад +1

    Strapi starts soon....

  • @daueryuri2569
    @daueryuri2569 Год назад

    this video are helpful but please use an english basic. at least thx for your good work