React Hooks Tutorial

My entire React Hooks series in one video, it covers: useState, useEffect, useRef, useLayoutEffect, useCallback, useMemo, useReducer, and useContext.

----

----

----

----
Follow Me Online Here:

#benawad
​
----
#benawad

[martovskyy]

Timecodes:
1:35 useState
15:50 useEffect
35:58 useRef
44:38 useLayoutEffect
59:00 useCallback
1:12:17 useMemo
1:16:34 useReducer
1:34:31 useContext

[damjanevski]

Spend tons of money on paid courses so that i can finish on youtube with the best explanation for Hooks.. Thumbs up Ben !

[sinefinehabitarevolo]

useState: 3:40
custom hooks: 11:33
useEffect: 15:35
useEffect for stopping re-renders from firing too often: 16:48
returning a function in useEffect as a hooks way of doing componentWillUnmount: 19:01
useRef for getting DOM node reference: 35:57
useRef for finding the number of times a component re-renders: 38:00
useLayoutEffect for getting DOM node measurements: 44:40
React.memo for preventing a child component from re-rendering when the parent re-renders: 56:36
useCallback for preventing a child component from re-rendering when a function is passed as a prop: 58:53
useMemo for expensive computations: 1:12:17
useReducer: 1:16:43
useContext: 1:34:56

[cyphen]

Absolutely the best description of react hooks I have found so far. Thank you.

[deshabhaktg]

Hands down best react hooks tutorial ever.
Thanks for making such an awesome video buddy.

[ichiroutakashima]

I know this is an old video, but seriously, I learned much from your content than the current lessons I'm in for, like WTF. I wish I could have seen your video sooner!

[krozzle]

Thank you my favorite angular developer ♥

[truth-is-only-one]

Very powerful explanation, thank you so much. After I did watched you I realized I am really react beginner

[Ruhbear]

Just finished an interview where I was asked about how I could stop re-renders on a component. This video saved me. UseEffect ftw!

[sunformoon]

unarguably the best tutorial on YouTube for react hooks.. all in one

[TheMannawar]

Thanks Ben, for custom hook useForm using useState initialValue should be passed as an object and set to zero in order to silence the message from console of uncontrolled

[triscuit]

I have a final stage interview in 4 days for a role that's pretty much my dream job. Got told in advance to brush up on React hooks as the interview would include a deep dive on stateful React. This video is of course my main source.

If I get this job, I'mma lose my mind.

[rileythornton]

excellent tutorial again, Ben. Thank you so much for these illustrative use cases.

[guillermocampanudo]

Really love how much effort you put into this video, now I understand the hooks, thanks ben!, this helped me a lot !

[edwilsondasilva]

It was the best and most complete explanation of hooks. Thank you very much.

[spongechameleon]

Dawg you're a real one for this. Bless up for this phenomenal walkthrough. Along with uidotdev's "Why React hooks?" video I'm bringing clout to the hook game.

[brunofilgueiras]

thanks, Ben, you cut right to the chase in every single explanation... so clean and clear... cheers.

[danieldosen]

Thanks for making more content on hooks... How about hooks AND typescript? :)
Also, you didn't post a link to the "Rules of Hooks" in the description...

[dagabangel]

awesome content, still viewing, but already feeling its exactly what i was looking out for

[lardosian]

Thanks Ben, loving your content, just subbed.