React Hooks Course - All React Hooks Explained

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

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

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

    Hey everyone! A lot of you guys are asking what is the extension that autocompletes stuff in this video. The extension I am using is Github Copilot! I just posted a video going over my favourite VSCODE extensions: th-cam.com/video/ZPcrEOHpEnU/w-d-xo.html

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

      which extension he is using for (auto) coding?

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

      Pedro. Do you think your thingy is smaller than mine??
      Yes or no.

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

      @@vaibhavdhole9117 It's Github's AI Copilot... but it requires joining a waitlist if you want to use it.

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

      how is your copilot so fast on recommending?
      mine takes time

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

      @@tibettenballs4962 bruh wtf lmaoo

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

    Hey Bro just wanted to let you know I just won the project of the year and it wouldn’t have been possible without your help. Thanks a lot man. You don’t know much it has impacted me. Keep doing your thing. I’m dropping some Ms for you on my first pay slip. Cheers

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

      Hey, this is amazing! Im so happy to hear this, you have no idea! Thank you for watching my videos, im really happy to know you were impacted by them :)

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

      which extension he is using for (auto) coding?

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

      @@vaibhavdhole9117 copilot i guess

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

      @DepressedOrange what project did u make bro? Hit me up please 🥺

    • @deveshanandsrivastava6218
      @deveshanandsrivastava6218 2 ปีที่แล้ว

      @@vaibhavdhole9117 emmet probably

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

    Been learning React for about a month and I can safely say this tutorial was the most helpful out of any other React video I've watched

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

      Wow this makes me very happy! It took me a while to make this video so I am really happy to hear this!

    • @vaibhavdhole9117
      @vaibhavdhole9117 2 ปีที่แล้ว

      which extension he is using for (auto) coding?

  • @andresguerra8580
    @andresguerra8580 ปีที่แล้ว +46

    I found this tutorial very useful, however there were a few things worth mentioning that were left out in the video.
    1) useEffect hook is used for handling things outside the scope of React, like manually manipulating the DOM , make an API call, access to localStorage, etc.
    2) useEffect hook is also used to keep different states in sync.
    3) importance of the cleanUp funciton when using useEffect hook, to avoid memory leak on components that are not unmounted by React.
    4) Main problem that useContext solve is to avoid prop drilling, in other words avoid passing props from a parent component to deeply nested components when components in between won't even use these props, if the idea is just to reuse a piece of component we can use custom hooks instead

    • @sasuke_dom
      @sasuke_dom 9 หลายเดือนก่อน

      Thanks a lot for this addition too!!

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

    This was exactly the overview of React Hooks I was hoping to find. Thank you, Pedro, you're an excellent teacher.

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

    I recently started as a full time software engineer out of college, and I have been interested in exploring some of my team’s front end stuff (which is using React). I went through several Udemy courses and TH-cam videos, but always found myself getting very confused by their explanations. This video was by far the most helpful, and I have now gone from React looking like gibberish magic to having a decent understanding of how it all works! Thanks Pedro!

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

    I think I'm finally understanding hooks and how they work. You explain really well. Thank you so much, Pedro!

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

    I have to say something, your tutorial is way better than the documentation itself. You show the details and why everything goes on. To me this channel is definitely the go to place for programmers. Thank you very much and keep it up just like this, bro!

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

    this really helps a lot for a dummy like me who is really confused when reading the official documentation of ReactJS, been trying to understanding the hook concept from reading the documentation, but still confused about how to use it practically.

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

    I love the way you explain things, and this is what bring me back to your channel every time I need my React skills updated. I went from 0 programming skills to building my own app exactly the way I wanted thanks to your CRUD tutorial series and I want to say that I am very thankful and will donate to you when I can. You are awesome and don't stop making videos, they are very much needed for people like me. Thank you.

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

      I appreciate that! Thank you for supporting the channel!

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

    You're such a great teacher. I've learn more in your 1 and a half hour video course than a 15 hour course in Udemy.

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

    Thank you so much. This is a most understandable tutorial about react hooks. I have a simple request. Would you mind, mention the vs code plugin that you used for getting suggestions?

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

    here from NYC, I just finished watching your tutorial , THANK YOU SO MUCH !!!! i won’t lie to you the last 2 hooks were like so complex (not difficult) , however i rewatched them 3 times and i got them PERFECTLY.

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

    Thank you for explaining the concepts in a simplistic manner. The way the content was structured is excellent and easily understandable for beginners.

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

    This is one of the most relevant tutorial I find out on React, the muscle of your head détend at your explanations, really, as react is almost confusing at times,you are really a great teacher Bro, you literally pops my esteem. YOUR tutorial is really like a part of a course bought on udemy, or somewhere else. You definitely are doing a great Job.Thank you for your consistency Pedro, it's means a lot for us, just keep going man...

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

    Fantastic explanations of all the hooks. one of the best react hook video tutorials ive watched. I appreciate how you put bookmarks in your video for easy navigation too.

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

      Thank you so much! This took me a while to record + edit so I am very happy to hear you liked it!

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

    I fkin paid more than 50 bucks to learn the same stuff on udemy, yet did not understand the concept of some hooks. Here this video is free and things clearly explained. Thanks you

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

    Thanks man. These are ultimately the most important things when learning react, you've done great. Thanks again

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

    I want to thank you pedro. I was always worried about the hooks word when ever used in react because on every different forum their are no complete explaination of all hooks in react.
    I have gone through all the hooks you have explained and implemented my own version because of your help.
    Thank you so much and God Bless you.♥

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

    Hey Perdro, this exaplantion should be in the docmentation of React Js. You are such a great tutor. I really loved the way you explain things, very soomth and clear. Keep going bro!

  • @mearn_ctaftsman
    @mearn_ctaftsman 2 ปีที่แล้ว

    Just started and not missed a single clip till the end even I know some of the stuff.
    Excellent brother.

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

    What a brilliant young man you are Pedro! Thank you for helping thousands of us.

  • @westernpigeon
    @westernpigeon 2 ปีที่แล้ว

    dude i’m in the process of becoming a self taught developer and i’ve learned a shit ton from a lot of your videos and i promise, when i land a job i’m gona make a donation to the channel 🙏 the content is too good to be free! keep it up man 👏

  • @khal-drago-dj
    @khal-drago-dj 3 ปีที่แล้ว +5

    Wonderful explanation of all hooks along with good examples. Thank you, Pedro!

    • @vaibhavdhole9117
      @vaibhavdhole9117 2 ปีที่แล้ว

      which extension he is using for (auto) coding?

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

    Thank you for taking the time and effort to make this video! You did an excellent job of explaining and demonstrating the functionality of each of the hooks, and your approach made it very easy to comprehend even the more complex hooks as well. Cheers!

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

    This is exactly I wanted. Fantastic video, really appreciate your efforts, superb explanation of each hook with real-time examples. Cant thank you enough!!

  • @DaveSmith-fu2ty
    @DaveSmith-fu2ty 10 หลายเดือนก่อน

    This is an excellent video. At first I was feeling hesitant about watching an hour and 38 minute video, but it flowed well and felt like 30 minutes. Great info and great examples. I am still a little lost on the useImperativeHandle portion, but I am sure that watching it again will fill in those gaps. Keep making videos and also become a professor. The students need you!

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

    ~1 hour and you know all the react hooks, perfect job!

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

      I watched a 10min videos and know all the react hook, to be honest it is not something to learn in 1.5h that's a long time for such simple thing, best way to learn just watch fast 10min video and start practice with it going back to documentationn

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

    I haven't finished the video yet, but just for the useReducer hook explanation I already love it, man! Thanks a lot!!!

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

    Thank you for making this understandable video!! ✨ You're an excellent teacher!

  • @acupsf
    @acupsf 2 ปีที่แล้ว

    23:19: another way to do it is: _return {...state, count: state.count+1})_
    Great tutorial, learned a lot!

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

    That was exactly what I needed.
    Maybe it would be nice if you explain more concepts of React.
    For example whats the difference between function components and class components?

    • @saikiran9185
      @saikiran9185 3 ปีที่แล้ว

      function component is used when there is no change of props
      class components is used when props data are chages over the time
      this is major difference as i knew

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

    Pedro, this is an excellent video. I think almost all concepts in computer science are very easy once you understand them. But getting to the point of understanding them can be incredibly difficult. Your explanations and use of examples really simplified the understanding concepts part. I’ll check out your other videos, but really five stars on this one.

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

    damn, this goes right into my playlist

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

    I have been watching react hooks videos but i can say this is the best explained and i understood it so well. Thanks for this need to start applying them

    • @Girlgirls12233
      @Girlgirls12233 2 ปีที่แล้ว

      I just finished, and yes it is!!!

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

    Such great content Pedro! Thanks a lot. please make a video on all life-cycle methods. it really helps a lot.

    • @PedroTechnologies
      @PedroTechnologies  3 ปีที่แล้ว

      I kinda go over the useEffect and useLayoutEffect hooks in this video. But I didn't go in full depth and talked about stuff like cleanup functions and so. I can make a video on it :)

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

    finaly understood the hooks,
    let me know which extension your using, I noticed that when you are coding there some suggestion for you.
    Thank you brother

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

    Great work!!!, Thank you for explanation. Keep it up. 👏👏👏✔

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

    Pedro man, you are the legend mate. Never did I watch one tutorial that explains everything about React Hooks plainly. I am able to grasp all the hooks all in once. Well done!

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

    Hello, Pedro very useful and well-explained video. I'd like to know what extension that you are using in vscode that auto-complete when you type. Thank you!

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

      It is Github Copilot!

    • @VictorLafargaSetLifeSolutions
      @VictorLafargaSetLifeSolutions 3 ปีที่แล้ว

      @@PedroTechnologies I'm on waiting list. Thank you

    • @bruhking6717
      @bruhking6717 3 ปีที่แล้ว

      Thanks for the same question, I would like to ask. And thanks a lot to Pedro for the reply . It's helpful.

    • @teliiz
      @teliiz 3 ปีที่แล้ว

      @@PedroTechnologies is It free???

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

    Agree with all the other comments. Best explanation on TH-cam, deserves more veiws.

  • @Ram-sc6or
    @Ram-sc6or ปีที่แล้ว +3

    Thank you so much for this video

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

    Pedro, I have a react interview on Monday and I am using your vids to refresh. Thanks for all your content! It's helping me be ready for any curveballs they have for me

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

    Pure Gold. Thanks for this outstanding video. Really helped clearing some concepts.

  • @rakshitgupta605
    @rakshitgupta605 2 ปีที่แล้ว

    This is indeed the best hooks tutorial on youtube.

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

    Great explanation, great refresher, just what I needed. Thanks man

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

    Hi bro... Being new to coding I was very much tensed on how toy attend interviews... But after I saw 10 mins of ur hooks video... I got inspired by the way you explain them and it really built in confidence in me... Thanks a ton... I request you to upload javascript tutorial if possible bro.. tht helps me a lot...

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

    Hi bro .iam from India

  • @adarshanayak8392
    @adarshanayak8392 2 ปีที่แล้ว

    This was one of the best videos on react hooks, really informational, to the point, video I have seen on TH-cam. 👍

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

    This is the only video out there which can teach me react hook!!!
    I don't know how to thank you brother so a big hug and thanks to 'PedroTech'.

  • @tolu-john
    @tolu-john 2 ปีที่แล้ว +2

    Am I the only one seeing "5K" on the version control tab 😅😅... Awesome video by the way

  • @amateruss
    @amateruss 2 ปีที่แล้ว

    Damn, I just realized that what I wanted to do using vanilla JS which I was not able to do could have been easily achieved using React. Now I'm sold.

  • @Sat-7
    @Sat-7 3 ปีที่แล้ว

    Your Effort will definitely be a part of so many Dev's knowledge.
    Thumb's up Pedro.
    Pretty straight forward.
    Thank you from 🇮🇳.

  • @jingli9232
    @jingli9232 2 ปีที่แล้ว

    thanks, I checked around a lot of videos, only your explanation about useReducer is super clear

  • @needcode
    @needcode 3 ปีที่แล้ว

    The best 86 minutes I have spent in my life. thank you!

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

    dude its the best react hooks lesson ive ever watched i totally learned evething easily Thanks Pedro 😍

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

    After a long time, got a premium content from you for hooks with easy understanding

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

    The best tutorial out there.

  • @chiawen.
    @chiawen. 2 ปีที่แล้ว

    This is the clearest explanation about hooks that I have ever seen! It helps me a lot! Thank you soooo much!

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

    Great, I was looking for this. I just finished my full-stack course and I need to reinforce my knowledge. Thank you.

  • @astralmaster1692
    @astralmaster1692 7 หลายเดือนก่อน

    Your style of teaching is perfect for me

  • @shahidullahmuffakir668
    @shahidullahmuffakir668 2 ปีที่แล้ว

    Your explanation is so simple and easy to understand.
    after going through Udemy course and other TH-cam videos , my doubts were not clear , because most of the teachers are using complex language or making a very sample topic complicated but yours was the opposite.
    Thanks a lot brother.
    I am gonna follow you for future...
    Keep share your knowledge with us.

  • @okonkwo.ify18
    @okonkwo.ify18 2 ปีที่แล้ว

    Great tutorial. Doing some warm up cos I just passed a coding interview

  • @succeeder3044
    @succeeder3044 2 ปีที่แล้ว

    wow, i understand everything about hooks in just one short video.
    Kudos to you 💪🏻

  • @MrMeetganesh
    @MrMeetganesh 2 ปีที่แล้ว

    Nice Pedro, It is the most simple explanation of React hooks

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

    Pedro, how do you make learning code so simple? JUST AMAZING!!

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

    Thanks so much for this all-in-one video !! I can tell how much time you had to spend making it. Thank you !!

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

    The best course that I am done to understand Hooks. Thank you!

  • @luisacavalcanti3665
    @luisacavalcanti3665 2 ปีที่แล้ว

    This is one of the best videos I have seen about hook. Congrats!

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

    This video crystallises my basic understanding of React Hooks. Very easy to follow. Thank you, Pedro.
    {2021-11-04}

  • @ibadshaikh2215
    @ibadshaikh2215 2 ปีที่แล้ว

    Couldn't find a better hooks explanation than this one. Great! Keep it up dude...

  • @nditahsamweld346
    @nditahsamweld346 2 ปีที่แล้ว

    Very profound, yet comprehensive overview of React Hook. Kudos @PedroTech 👏👏👏👏👏

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

    Really appreciate your effort! Thanks Mate!

  • @toufonglee5073
    @toufonglee5073 2 ปีที่แล้ว

    I'm pretty decent in React. I would like to say, you make it so easy to understand!! Great job.

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

    I haven't watched this video but the comments I'm seeing here man I'm so happy to have found this video.

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

      Hope you like it :) If you have any questions, just let me know!

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

    Thank you for your tutorial, I was so confused with hooks before your tutorial, now I understand.

  • @kazno4273
    @kazno4273 2 ปีที่แล้ว

    The best tutorial vid I've seen so far

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

    Amazing video. This is the only video which clearly explained hooks to me. Many thanks to you.

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

    my number one teacher!!, I really enjoy all you tutorials and may God bless you so much for that👍👍

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

    Wow really beautifully explained the way every hook works and to use which hook in which situation. Bit of time took to understand the useContext. Thanks and you could do a series on e commerce website using react.

  • @abeercodes
    @abeercodes 2 ปีที่แล้ว

    the passion you have for coding is noticeable. You really inspire me

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

    Thank you so much for explaining so simply using such easy examples! I wasn't understanding why we would ever use the useReducer hook, but you made it so easy with the switch case!

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

    Excellent video! Thank you so much!

  • @technicalnitians8968
    @technicalnitians8968 3 ปีที่แล้ว

    I Searced a lot of videos but ending up with this video
    Thanks a lot, brother
    Love from India 🤗

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

    Very clear, and nice. Good job!

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

    GitHub copilot looks insane

  • @shantanubhosale460
    @shantanubhosale460 2 ปีที่แล้ว

    Your simplicity in teaching crazyy buddy 💫💫🥵🥵🥵

  • @akbar.n
    @akbar.n 2 ปีที่แล้ว

    Thanks, Brother. The video was explained very well. The important part was that now we know there are at least these types of hoods and how it works. It will be very helpful to use them in projects.

  • @normanklein3155
    @normanklein3155 2 ปีที่แล้ว

    Glad to see that you received over 300K views as its well deserved for your high quality courses

  • @omoladeomogbemi6442
    @omoladeomogbemi6442 2 ปีที่แล้ว

    I wish I could give you a hug right now and say a big thank you ❤️....I really really appreciate all you do.

  • @sigeikiprono2878
    @sigeikiprono2878 2 ปีที่แล้ว

    I wish I had saw this when I started, it this the coolest tutorial for hooks out here

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

    Even though new versions of React come and go, this tutorial is relevant and useful for understanding React hooks.

  • @benniegamali3622
    @benniegamali3622 2 ปีที่แล้ว

    Thank you so much for this explanation. Compairing the way I'm used to doing it to how to use the useState hook made it so much easier to understand! You're the best!

  • @antonyefanov
    @antonyefanov 2 ปีที่แล้ว

    I'm so glad to find this chanel. Thank you for the effort, Pedro. Hello from Ukraine

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

    Honestly, this worth subscribing for. Thank you once again

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

    Great work man, I have an interview tomorrow I hope to remember everything XD

  • @AbdullahM-lc7le
    @AbdullahM-lc7le ปีที่แล้ว

    just now finished the video .appericiated ❤ simple explanation thank you

  • @ВолодимирПриходько-л2л
    @ВолодимирПриходько-л2л 2 ปีที่แล้ว +1

    I hope more people will be able to see the work you are doing! Great job! Keep going bro!

  • @kaicooper9421
    @kaicooper9421 2 ปีที่แล้ว

    Great tut, I didn't know how to use some of them. It would be great to have had know about some of these before hand

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

    Very well simplified and easily explained the difference between all types of Hooks! Thanks!