React Hooks Course - All React Hooks Explained

Ғылым және технология

In this video I will teach you guys every single core hook from React!
Code: github.com/machadop1407/react...
-
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/learn/reactjs-pr...
💻 Join our Discord: / discord
-
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Linkedin: / machadop1407
Instagram: / _pedro.machado_
Github: github.com/machadop1407
Email: pedro@pedrotech.co
🌟 Gear / Hardware I Use and Recommend 🌟
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
💻 amzn.to/42kqFuM 💻 Monitor
🖱️amzn.to/3C0ZhHb 🖱️ Mouse
📷 amzn.to/3OHJvbM 📷 My Camera
🎤 amzn.to/3oxSthj 🎤 My Microphone
⌨️ amzn.to/3oFPpj1 ⌨️ My Microphone
⚡ amzn.to/3MYMnzM ⚡ LED Lights In the Background
Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial
Timestamps
00:00 | Intro
01:41 | UseState
15:19 | UseReducer
27:12 | UseEffect
38:52 | UseRef
46:44 | UseLayoutEffect
52:49 | UseImperativeHandle
01:01:09 | UseContext
01:09:29 | UseMemo
01:18:55 | UseCallback
#react-hooks #reactjs

Пікірлер: 927

  • @PedroTechnologies
    @PedroTechnologies2 жыл бұрын

    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: kzread.info/dash/bejne/jISX1KeIeNOrnrg.html

  • @vaibhavdhole9117

    @vaibhavdhole9117

    2 жыл бұрын

    which extension he is using for (auto) coding?

  • @tibettenballs4962

    @tibettenballs4962

    2 жыл бұрын

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

  • @alelokaoseumu

    @alelokaoseumu

    2 жыл бұрын

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

  • @avinaba_mazumdar

    @avinaba_mazumdar

    2 жыл бұрын

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

  • @PedroTechnologies

    @PedroTechnologies

    2 жыл бұрын

    @@tibettenballs4962 bruh wtf lmaoo

  • @depressedorange9088
    @depressedorange90882 жыл бұрын

    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

    2 жыл бұрын

    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 жыл бұрын

    which extension he is using for (auto) coding?

  • @emmanueleban1096

    @emmanueleban1096

    2 жыл бұрын

    @@vaibhavdhole9117 copilot i guess

  • @bikramjeetsarmah9995

    @bikramjeetsarmah9995

    2 жыл бұрын

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

  • @deveshanandsrivastava6218

    @deveshanandsrivastava6218

    2 жыл бұрын

    @@vaibhavdhole9117 emmet probably

  • @chickaberga2
    @chickaberga22 жыл бұрын

    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

    2 жыл бұрын

    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
    @andresguerra85809 ай бұрын

    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

    3 ай бұрын

    Thanks a lot for this addition too!!

  • @emamarcela354
    @emamarcela3542 жыл бұрын

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

  • @scchengaiah4904
    @scchengaiah49042 жыл бұрын

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

  • @kramyshan8121
    @kramyshan8121 Жыл бұрын

    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!

  • @jeffrey5718
    @jeffrey57182 жыл бұрын

    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!

  • @codingispower1816
    @codingispower18166 ай бұрын

    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

  • @davidnetk
    @davidnetk2 жыл бұрын

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

  • @PedroTechnologies

    @PedroTechnologies

    2 жыл бұрын

    Thank you!

  • @mabinogi1996
    @mabinogi1996 Жыл бұрын

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

  • @noobdev4181
    @noobdev41812 жыл бұрын

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

  • @learnwithjoe8117
    @learnwithjoe81172 жыл бұрын

    Thank you so much Pedro!! This is such a clear explanation and this made me solve a lot of the issues I was having with my project! Well done and all the best

  • @karnencaldo
    @karnencaldo2 жыл бұрын

    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

    2 жыл бұрын

    I appreciate that! Thank you for supporting the channel!

  • @coltanium13
    @coltanium132 жыл бұрын

    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

    2 жыл бұрын

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

  • @chiawen.
    @chiawen.2 жыл бұрын

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

  • @ngouendgerard4114
    @ngouendgerard4114 Жыл бұрын

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

  • @mrugamajmudar5433
    @mrugamajmudar54332 жыл бұрын

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

  • @PedroTechnologies

    @PedroTechnologies

    2 жыл бұрын

    Glad it was helpful!

  • @achuntps0913
    @achuntps0913 Жыл бұрын

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

  • @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!

  • @adarshanayak8392
    @adarshanayak8392 Жыл бұрын

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

  • @nawodmadhuvantha9291
    @nawodmadhuvantha92912 жыл бұрын

    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?

  • @rajkgoel77
    @rajkgoel772 жыл бұрын

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

  • @vaibhavdhole9117

    @vaibhavdhole9117

    2 жыл бұрын

    which extension he is using for (auto) coding?

  • @krishnakireetimamidi3838
    @krishnakireetimamidi3838 Жыл бұрын

    Great explanation and on point with the topic. I really liked how you covered use cases of every single hook instead of just explaining about the hook. Keep it going !!

  • @mearn_ctaftsman
    @mearn_ctaftsman2 жыл бұрын

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

  • @emmanuelessien8739
    @emmanuelessien87392 жыл бұрын

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

  • @PedroTechnologies

    @PedroTechnologies

    2 жыл бұрын

    Glad you like them!

  • @fredianriko5648
    @fredianriko56482 жыл бұрын

    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.

  • @yamilmsilva
    @yamilmsilva8 ай бұрын

    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.

  • @zomerusama
    @zomerusama2 жыл бұрын

    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.

  • @PedroTechnologies

    @PedroTechnologies

    2 жыл бұрын

    Thank you!

  • @nuwanthuduwage6869
    @nuwanthuduwage68692 жыл бұрын

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

  • @rupak4roy
    @rupak4roy2 жыл бұрын

    This is just great video, I was looking something like this for long time. Very crisp examples we use on day to day work. Thanks for this video.

  • @benniegamali3622
    @benniegamali3622 Жыл бұрын

    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!

  • @varaprasad4163
    @varaprasad41632 жыл бұрын

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

  • @PedroTechnologies

    @PedroTechnologies

    2 жыл бұрын

    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 :)

  • @kurtguardia
    @kurtguardia2 жыл бұрын

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

  • @nstha8848
    @nstha8848 Жыл бұрын

    Wow that was some goddamn good explanation! I hope other react learners find this awesome channel soon and learn from you and best wishes to you that you reach 100k subscribers sooner and then a million subscriber anytime sooner! Lots of respect for your guidance man, loved it!! Thanks once again!!! I will comeback here once again after I crack the job as react developer !

  • @succeeder3044
    @succeeder30442 жыл бұрын

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

  • @_Yolandi
    @_Yolandi2 жыл бұрын

    damn, this goes right into my playlist

  • @amergaber3996
    @amergaber39962 жыл бұрын

    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!

  • @PedroTechnologies

    @PedroTechnologies

    2 жыл бұрын

    Glad it was helpful!

  • @verygood5377
    @verygood53772 жыл бұрын

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

  • @yehiatech
    @yehiatech2 жыл бұрын

    Amazing tutorial. Simple and to the point ! Helped alot. Keep it up !

  • @adnantariq3346
    @adnantariq3346 Жыл бұрын

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

  • @Ram-sc6or
    @Ram-sc6or11 ай бұрын

    Thank you so much for this video

  • @goodvibes-io8pk
    @goodvibes-io8pk2 жыл бұрын

    Hey Pedro That's an awesome video which I have find on react hooks. It's a gem, very well explained. Was scratching my head while going through official react documents, but this helped a lot.🙂 Thanks man.....

  • @codingtroops9057
    @codingtroops90579 ай бұрын

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

  • @mahtabhossain362
    @mahtabhossain3622 жыл бұрын

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

  • @PedroTechnologies

    @PedroTechnologies

    2 жыл бұрын

    I am very happy to hear this!

  • @onedaytimewin
    @onedaytimewin Жыл бұрын

    Your explanations are so frickin clean and effective. Thank you!

  • @MaximVasilkov
    @MaximVasilkov Жыл бұрын

    ~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

  • @losbopfos5637
    @losbopfos56372 жыл бұрын

    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

    2 жыл бұрын

    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

  • @frankfervela7897
    @frankfervela78972 жыл бұрын

    Amazing freaking video, thank you so much. Ive been developing react apps without knowing half of this stuff. Golden video Pedro. Much appreciated

  • @eb8931
    @eb89318 ай бұрын

    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.

  • @VictorLafargaSetLifeSolutions
    @VictorLafargaSetLifeSolutions2 жыл бұрын

    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

    2 жыл бұрын

    It is Github Copilot!

  • @VictorLafargaSetLifeSolutions

    @VictorLafargaSetLifeSolutions

    2 жыл бұрын

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

  • @bruhking6717

    @bruhking6717

    2 жыл бұрын

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

  • @teliiz

    @teliiz

    2 жыл бұрын

    @@PedroTechnologies is It free???

  • @am6930
    @am69302 жыл бұрын

    Hi bro .iam from India

  • @PedroTechnologies

    @PedroTechnologies

    2 жыл бұрын

    Love my fans from India!

  • @rmt0858

    @rmt0858

    2 жыл бұрын

    Oh yeaaah

  • @nditahsamweld346
    @nditahsamweld346 Жыл бұрын

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

  • @joelnicholas7194
    @joelnicholas71942 жыл бұрын

    Thank you Pedro. You are a gifted teacher and engineer!

  • @unqualifiedramdonri7386
    @unqualifiedramdonri73862 жыл бұрын

    never stop with your tutorials man, youre awesome!

  • @jingli9232
    @jingli9232 Жыл бұрын

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

  • @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'.

  • @xFlamarangx
    @xFlamarangx2 жыл бұрын

    FANTASTIC video. I was able to follow along and make my own examples as I went. Thanks for putting this together, you earned a sub from me!

  • @luisacavalcanti3665
    @luisacavalcanti3665 Жыл бұрын

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

  • @Sat-7
    @Sat-72 жыл бұрын

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

  • @westernpigeon
    @westernpigeon2 жыл бұрын

    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 👏

  • @aryamitrachaudhuri6564
    @aryamitrachaudhuri6564 Жыл бұрын

    Thank you very much Pedro! You literally made it very simple to understand for any beginner. 😍🎉

  • @bhushi5764
    @bhushi57642 жыл бұрын

    Very well explained!! This Hooks explanation hooked into my brain seamlessly. Thanks man!!

  • @gamidakhmedov9212
    @gamidakhmedov92122 жыл бұрын

    Thank you! You helped me figure out the topic.

  • @luffymonkey6967
    @luffymonkey6967 Жыл бұрын

    Thank you for the tutorial! It was a great watch!

  • @gustavomonte6672
    @gustavomonte66722 жыл бұрын

    O melhor vídeo sobre Hooks. Brigadão Pedro!

  • @kareemmoro2935
    @kareemmoro29352 жыл бұрын

    Thank you so much for this tutorial, Pedro! this was an amazing explanation

  • @pranavyeole102
    @pranavyeole1022 жыл бұрын

    This was absolutely increadible, subbed!!

  • @sourav_96
    @sourav_962 жыл бұрын

    amazing content, i needed to understand use memo and imperative handle hooks for my work .thanks a lot

  • @akbar.n
    @akbar.n2 жыл бұрын

    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.

  • @sakshi-ok8zu
    @sakshi-ok8zu Жыл бұрын

    Thanks a lot for putting this much effort in making such a quality content. Thoroughly enjoyed the video and learnt a lot from it.

  • @umairqamar2672
    @umairqamar26722 жыл бұрын

    This is some thing nexr level, mate. More power to you ! Please keep uploading such amazing tutorials

  • @toufonglee5073
    @toufonglee50732 жыл бұрын

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

  • @Tiocode
    @Tiocode10 ай бұрын

    Hey bro,🤚 Thank you for taking your time to explain various hook in this video, You clearly stated every details I needed to understand hooks in react

  • @kazno4273
    @kazno4273 Жыл бұрын

    The best tutorial vid I've seen so far

  • @Jawad_Siddiqui
    @Jawad_Siddiqui2 жыл бұрын

    Thanks Pedro...Really enjoyed the hooks series

  • @nwachukwuakachiprince3504
    @nwachukwuakachiprince350411 ай бұрын

    Honestly, this worth subscribing for. Thank you once again

  • @sachinmore8938
    @sachinmore8938 Жыл бұрын

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

  • @DaveSmith-fu2ty
    @DaveSmith-fu2ty3 ай бұрын

    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!

  • @RodsWires
    @RodsWires Жыл бұрын

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

  • @mertkantaroglu8104
    @mertkantaroglu8104 Жыл бұрын

    Great job on explaining each hook Pedro. Thanks for the video. Now I have some idea about hooks.

  • @NascifAbousalhNeto
    @NascifAbousalhNeto9 ай бұрын

    Nicely done, Pedro, thanks for putting this together! Subscribed!

  • @MrMeetganesh
    @MrMeetganesh2 жыл бұрын

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

  • @LesFPinter
    @LesFPinter2 жыл бұрын

    Finally! Exatamente o que precisava. I've been struggling with hooks for months, and your tutorial is simple, complete and straight to the point! Parabens!

  • @fayehill1225
    @fayehill1225 Жыл бұрын

    Great tutorial. REally helped me to understand better these hooks. Thanks a lot.

  • @needcode
    @needcode2 жыл бұрын

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

  • @abeercodes
    @abeercodes Жыл бұрын

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

  • @arcosd63
    @arcosd63 Жыл бұрын

    This is really cool, very well done, Pedro! Thank you!

  • @rashad123us
    @rashad123us2 жыл бұрын

    Definitely leveled up with this video. Thanks 🙌🏽

  • @shorelinefilms9661
    @shorelinefilms96612 жыл бұрын

    Thanks Pedro, love your content!

  • @AbdullahM-lc7le
    @AbdullahM-lc7le8 ай бұрын

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

  • @ifeoluwafaromika8968
    @ifeoluwafaromika8968 Жыл бұрын

    Thank you so much for this excellent react hooks guide!

  • @pablorodriguezperez992
    @pablorodriguezperez9922 жыл бұрын

    Amazing video. Really good explanations and not that long given the amount of concepts explained

  • @moh3n_deniku
    @moh3n_deniku10 ай бұрын

    Thank you so much for this tutorial you have no idea how much it helped

  • @mustafahaidari3871
    @mustafahaidari3871 Жыл бұрын

    Thank you very much for creating this video Pedro. It was a very good refresher. Much love.

  • @simongonzalez41
    @simongonzalez412 жыл бұрын

    awesome tutorial ! thanks a lot Pedro, I finally understand useMemo and useCallback, much appreciated!

  • @Jahanjune
    @Jahanjune6 ай бұрын

    Excellent! very well organized. Thanks Pedro....

  • @shahidullahmuffakir668
    @shahidullahmuffakir668 Жыл бұрын

    Your explanation is so simple and easy to understand. after going through Udemy course and other KZread 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.

  • @normanklein3155
    @normanklein31552 жыл бұрын

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

  • @hardwired89
    @hardwired892 жыл бұрын

    thank you pedro for the lesson ❤️

Келесі