React.js Hooks Crash Course
HTML-код
- Опубликовано: 19 фев 2019
- All you need to know to learn React Hooks - a feature that allows you to work with functional React components only.
We'll dive into useState(), useEffect() and custom hooks in great detail.
----------
Take my full React course (fully updated to include React Hooks): acad.link/reactjs
Read the full article: academind.com/learn/react/rea...
Starting Code: github.com/academind/react-ho...
Finished Code (Hooks): github.com/academind/react-ho...
Finished Code (with custom Hook): github.com/academind/react-ho...
Dive into the official React Hooks docs: reactjs.org/docs/hooks-intro....
Want to learn something totally different? Check out all other courses: academind.com/learn/our-courses
----------
• You can follow Max on Twitter (@maxedapps).
• And you should of course also follow @academind_real.
• You can also find us on Facebook.( / academindchannel )
• Or visit our Website (www.academind.com) and subscribe to our newsletter!
See you in the videos!
----------
Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice! Наука
1:15 what are React Hooks
2:49 useState intro
4:54 useState (start of code example)
21:11 useEffect intro
27:38 useEffect (componentDidMount)
34:51 useEffect (componentDidUpdate)
38:00 useEffect (componentWillUnmount)
41:20 React.memo (shouldComponentUpdate)
45:29 custom hooks - sharing (possibly stateful) logic
1:02:20 rules how to use hooks
Thanks for the timestamps man, saves a lot of time when you come back to revise the topics.
Thank you sir!
Nice sir, thankyou
thank you!
i was totally onboard until "45:29 custom hooks - sharing (possibly stateful) logic"
Someone could tell me please Why there are 19 dislike? This explanation in the way that the concepts are added and presented is awesome. Its really notable the preparation of the content and the predisposition to teach in the best way. In IT we have a lot of jobs opportunity, while we learn more we earn more money. So we could say that every hour and every minute it's money. Here we have Max wasting his time with us, wasting his money. I can't understand those 19 f*ckings dislikes.
Thanks Max, like always, you are amazing!
Thanks for your awesome feedback Ivan, but I just think it's difficult to make everybody happy (especially in the internet). However, we are very very happy with the amazing feedback we get from many people, so some dislikes are ok I guess or at least something you have to live with if you create content :)
He's one of those teachers who completely understands what he's going to teach and how he's going to teach... Awesome explanation.
This is the best introduction video to Hooks
Wow.... my head is swole... so much good stuff to learn here. Thanks for this vid!
Dude, you are the best teacher on React and Typescript on youtube!
Max you are a great guy making good content for students like us..
Thanks so much for your support Chetan, this really means a lot to me!
Yalgaar ho
This one hour video was more informative than hours and hours of reading on the internet! Thanks!!
This is the best video i have seen for explanation of hooks in react.
I have watched this video at least 3 times in full and may be a couple more times for specific parts of it. My deep thank you for sharing it with us.
Awesome Tutorial. It really helped me a lot. I liked how the two ways were compared instead of just teaching hooks.
thank you Max, I love your teaching style. I went straight to Academind when I wanted to learn about React Hooks. Thank you for your positive demeanour in all the videos.
This is by far the best video about React Hooks! Kudos!
The absolute best video i've seen on React Hooks! Thanks Max!
So happy to read that Andrew, thanks a lot :)
I wanted to write the same thing
You are the best teacher I have seen on RUclips. You really know the topic you are explaining, and you do it with passion There are not many like you on RUclips! Infinite thanks!
Wow! This cleared up so many concepts for me. Brilliant job Maximillian
This is the react hook video I needed. Thank you.
This video rocks, thank you for being concise and high-quality!
Thank you so much! This is just what I needed to level my react game: a neat example with a very didactic yet not condescending. For me at a 1.5 speed was great.
You just cleared up months of confusion and stress with just 3 minutes of video, let alone the whole thing. Thank you so much for explaining things so succinctly.
Your tutorials are amazing, you're a wonderful teacher. Thank you Max 🙏
Didn't think I'd understand it this quick, thank you Max for this awesomeness.
This tutorial was broken down beautifully and demystifies React Hooks for me now. Thank you so much!
So great to read that you liked it Frank, thank you!
Dude, you are God...! I spent almost a day learning about React hooks from a lot of websites and the official documentation. I landed on this video after that. You pretty much summed it all up in the best way possible!!! Thank you!
Awesome video, step by step and straight to the point at the same time, great examples!
Really appreciate you uploading this, I'm new to React within my current job and in the current climate it's tricky to figure out which is old and new standard. Thanks again, would love to buy you a coffee. Thanks:)
Awesome Video. I loved how you converted instead of just teaching hooks, it really helps the viewer understand why & how.
Maximillian, probably it is not new to hear for you, but you're absolutely stunning! Great work as always! I purchased many of your courses. You're saving lives.
Thank you so much!
Thanks Max. I have learned a lot from this tutorial. This is a great thing you are doing and I appreciate your help. Continue the good work. Thanks very much.
good explainers are tough to come by but they're out there
what really sets this video apart is the example project and how it naturally progresses through the basics. Almost every time i started thinking of a question, you went on to answer it right afterwards. Nice video.
Reading the official documentation of the React Hooks is scary and this video clearly explains it and make it so simple to understand...You are awesome !!
Happy to read that, thanks a lot!
These last 7 months sitting at home, I learnt so much about full stack web dev all thanks to you ... I'd deferred learning node, react, graphql, etc. because the other learning resources I touched beforehand were just too overwhelming. This here is pure gold!!!
Very clear explanation Max! Keep going with your awesome work!
Thank you Thais, I'll do my best to keep it going :)
This is one of the best tutorials for React Hooks!
I normally avoid long videos but your tutorial is very easy to follow. thank you!
Clear and concise! I love it! Thank you Max.
I cant even fathom how good this video is
Watched so many videos and after 5 days breaking my mind into react hooks you really clarify how they works. Thanks for the good content and very simple and understandable explanations. Really helped me a lot!!
Glad you like them!
Thanks for the great content! I have always enjoyed your videos, and needed to catch up on hooks. I appreciate the detail you go through while keeping the explanations succinct.
After this video I changed my whole react native app to using hooks. Its way better. Thanks for an excellent video
At first, I thought, "Oh no, 1 hour video: - /"
But then it was over so fast, because you know how to keep us up to date and teach the stuff quickly and well.
I have learned so much for what my teacher needs about 5 hours.
Greate job Max
Amazing Max. Thanks for the great content.
Very well made video! Thank you for quickly getting me up to speed with React Hooks!
Explained very clearly, thank you!
Great video from Academind. The content is very nice and clear, and to the point, the comparison between class based components and functional components with hooks is very nice.
Thanks Max
Thank you very much Ravinder, it really means a lot to me to read that the video is helpful!
Super as usual Max, well done.
his is the react hook video I needed. Thank you.
Max does an unreal job of walking through the entire life-cycle of react hooks clearly, and emphasizing the key points.
I couldn't have made into a React dev without him.
Thank a lot sincerely.
Wow, it's simply wonderful to read comments like yours Jianyuan, thank you very much for this support!
These tutorial are so great! Will buy your react course!!
Every question I've ever had about react is answered in this video. Thank you so much Academind!
That's just fantastic to read Anthony, thank you for your comment!
Thanks Max, much appreciated.
Really nice run through of hooks. Very nice to do it via refactoring. Thanks!
This is by far the best tutorial I have found on this topic. Thanks for always taking the time to make these amazing videos. 🍻
Thank you so much Mike!
Excellent survey! Just started using hooks in my team's projects. Loving the simplifications to the code.
Thank you, happy to read that you liked the video!
watched tl-dr, rewinded a couple of times to clearify some moments.
Thanks for the explanation.
It was amazing. Learned so many things here. Thank you
Nice. I understood how useState and useEffect works and this is all I wanted from this video. Thanks!
Happy to read that Popa, thank you for your comment!
Best video in youtube about react hooks. Thanks
Thanks for the demonstration of how powerful React hooks can be!
Incredible stuff. I was being an old man and not wanting to ditch class based components, but your very through and concise explanation of hooks were amazing and I will be using them from now on. Thanks alot man, will be checking out your other videos as well
Edit: right after this, I bought your udemy course for React Native. Great stuff so far
Really enjoyed this video specially writing modular / resuable hooks. Keep making these awesome videos!!!
Awesome to read that you liked it Raj, thanks a lot for your comment!
Thank you so much for this great content, Max!
Max, you're brilliant. Thanks for the lesson!
This is pure content! Great job
I was struggling to find better stuff on react hooks. You made it so easy. There is always something to learn from your videos. Rockstar.
Wow, thank you so much Kawaljit!
Best explanation on the feature I've seen so far. Thanks man!
Thank you Maurice, awesome to read that!
Absolutely awesome tutorial, Thanks!
Thanks a lot Max, your informative tutorials are as usual a perfect mix of theory and code, keep up the great work :)
Happy to read that you liked it Ahmed, thanks a lot!
Awesome max. You are always best in teaching
You're a brilliant teacher Max! Explanations are great. Thanks for your channel!
Thank you so much!
Maximilian Schwarzmüller...you are the best ..thanks for making it crystal clear
Thanks a lot Daniel!
Thank you so much! This is an amazing video of explaining important react hook concept! 👍
You are superb Max... I always see your videos... The way you explain the concept is really good. Thanks...
This really means a lot to me Narendra, thank you!
Awesome job Max, thank you so much 😊. I’m now looking forward to writing my own hooks now for reusable logic!
Max you are a great trainer. the way of presentation is excellent
Thanks a lot Sreejith!
This is very helpful and easy to understand. Thanks max!
I'm a lucky guy when I starting to learn react! Your course is amazing! Thanks so much!
Thank you so much for your support, happy to read that you like the React course and React in general :)
Great explanation for useEffect and custom hooks. Coming from class based components it was easy to grasp
Perfect explanation, many thanks!
As always. Great video to learn effectively and quickly web dev content. Thank you!
Thank you Jan!
You are a really good teacher, I was able to understand everything, though custom hooks will take some more practice. Thank you for this! 🙏
Thank you very much man, amazing video. Really like your style, very precise and accurate.
Great Video Max!
Thanks so much! I’m just now getting into react again and I was so confused but this helped a lot.
👏🏾🙌🏾 you the man Max!!! now I'm hooked 😀
Haha, awesome to read that :)
Loved it ! Academind never disappoints
We do our best to keep the videos coming, happy to read that you enjoy them :)
What a fantastic quality video!! Thanks for your hard work.
Thank YOU for your awesome comment!
that's an art of explaining! well done, thank you!
kudos to the best hooks materials so far! Thanks a lot
Thanks so much! That's amazing to hear!
You're such a great teacher max! Thanks a lot, cheers from Argentina!
Thank you for your great feedback Dario, greetings from Germany!
What an excellent video. Thanks Max you rock
This guy really knows how to teach properly
Probably the best tutorial for starting react hooks.
Does this work in 2021 as well?
I never like, subscribe, or comment but in this case, it would be criminal to get this level of content for free and not show support. Thank you so much!
Thanks for a good dive in hooks. Thank you, Max!
Thank YOU for your great feedback Sasha!
This might be the best introductory video to Hooks
Awesome Max! Ty very much!!
The best instructor online!
This is amazing. Thank you so much!
Max you are real techie geek and a superhero for us....