10 React Hooks Explained // Plus Build your own from Scratch

00:00 Why React Hooks?
02:20 useState
03:50 useEffect
05:55 useContext
06:58 useRef
07:58 useReducer
09:27 useMemo
10:12 useCallback
10:40 useImperativeHandle
11:18 useLayoutEffect
11:43 useDebugValue & Custom Hooks

#webdev #js #react

Install the quiz app 🤓

Use code lORhwXd2 for 25% off your first payment.

My VS Code Theme

- Atom One Dark
- vscode-icons
- Fira Code Font

[albirtarsha]

The React documentation should link to this video.

[RohitSharma-vqgn]

Hours of react knowledge distilled in 10 mins. Felt like stealing. Thanks man, great work!

[CodeSketched]

Learned more about hooks in this single video than all my attempts to learn about them over the past several years!

[ImVengeance]

One thing alot of people miss is that on useState in the setter you can actually pass a function to get the prev state value you for say updating a counter which is the correct way. For example setCount(prevCount => prevCount + 1). if you where to call setCount and try modify the value based on the current count value the state would be modified based on the value at that render time. If you call setCount(count + 1) twice it would only infact increase the value by one as both calls would get the prev rendered value and overwrite each other. Hope this helps

[usmanmir]

You have me *”hook”* ed to this channel.

[AjeyChandhan]

You explained the whole feature set of the major change React has had in years in 13 minutes! That's just unbelievably awesome! ❤️

[djvanschaik]

It is insane how well you explained all these hooks in not a lot of time without it seeming rushed/barely brushed over. Thank you!

[codinginflow]

now I'm happy that I started learning React in 2022 too lol. I just skipped this whole class thing.

[Surya-npbb]

When I wanna know about a topic and fireship has already made a video about it is the best feeling. This guy can concisely teach any topic.

[Jorschm]

Wow, It was actually easy to understand the core concept of the hooks in just 10min, I have seen 40min that could not explain a hook as good as this video. Great work.

[mokroargra]

Been working with react over 9 months now, learn something new everytime I watch one of your react videos. 🤯

[AryanLokar]

The amount of information your videos consist is unbelievable, really appreciate your efforts

[CodingAfterThirty]

Another awesome video. I love React hooks. I just recently started diving into writing custom hooks.

It has been an excellent way to create reusable functionality as well as not stuffing all the logic in one file.

Thanks for this video.

[zackyang]

This is flawless, clear, concise, and thorough. You are an exceptional natural teacher.

[kawsar.]

One of the best explanations of React Hooks. Thank you for good stuffs 👌

[himalayagupta]

Well done man, I didn't expect this much clarity in just 13 minutes, but you explained everything perfectly. Thanks

[reda_el]

Wow, I had a really hard time figuring out precisely how hooks were working until I found this video. It's so clear and explaining the fundamentals (the key). I'm literally looking for a way to join any newsletter you have because I love the way you communicate complex principles.

[williamboshi]

It's definitely a tough chunk to digest but it's really interesting to have a peak at what react is since I always looked the other way toward angular and vue

[sathkur]

This video is must of every react developer. He made everything so simple and easy to understand and that to about so much of react features in just 13 minutes.

[wiz]

You always manage to put out a video that i just need in that exact moment. Simply amazing. Keep up the good work