All React Hooks Tutorial + Building a Custom Hook in React JS

#ReactHooks #ReactTutorial #ReactJS

Learn all the React hooks in one video such as - useState, useEffect, useRef, useContext, useReducer, useCallback, useMemo, useImperativeHandle, useLayoutEffect and useDebugValue.

We will also build our own custom hook called useFetchAPI which will help us to abstract the API fetching Logic.

Support the channel by becoming member -

Source Code -

If any questions, ask here -

useContext Tutorial -

Context API with useReducer Hook Tutorial -

Learn React From Scratch -

00:00 Intro
00:52 Initialize a new React App
01:48 useState Hook
07:19 useEffect Hook
11:56 useMemo Hook
15:25 useCallback Hook
19:47 useRef Hook
25:14 useContext Hook
29:07 useReducer Hook
32:53 useImperativeHandle Hook
36:13 useLayoutEffect Hook
37:43 useDebugValue Hook
37:50 Building our own Hook ( Custom Hook )
45:19 Support the Channel ♥

Movie App in React JS and Material UI -

Quiz App in React JS and Material UI -

Dictionary App in React JS and Material UI -

[tubewell]

Your speech is very clear, so we can easily understand your words

[surajgoraicse]

This is helpful. Thankyou for all your efforts.

[lakshyasharma]

Very nicely explained. Best tutorial so far💯

[MelodiesByAnkita]

It's amazing to see how much you know, I wish I knew as much and had as much confidence. You need to realise your viewers may not be as sharp as you expect. They may not have the prerequisite knowledge you expect them to have. You need to slow down a bit :) I know this is an old video, too good to be free also. But may be plan your lessons a little better. Your knowledge makes me a fan of yours otherwise. Too good!!

[sidforreal]

Great explaination, But in useRef hook you havent added the empty dependency array in useEffect function, thats why its rendering. I am just not able to understand the useRef usecase here properly

[devisuprajaratakonda]

In useEffect functionality, when count value is given an array you told use effect will be called every time count updates. but when you resize the window count is not getting changed then how come use effect is getting called?

[zakriajanjua]

Need alot of MERN projects with redux and jwt auth

[tubewell]

Now i am using useReducer in Custom hook, but its showing an error - "dispatch is not function"

[Sonu-tgtg]

waiting for react portfolio project and resume level MERN project

[shinoyjames]

Please do a video on react authentication.validation topics urgently

[AmirHussain-ddzw]

plz atleast explain why useEffect is used and how it is diffferent, rest is awesome!

[rohitbansal]

useEffect(() => {
setCount({
num: 5,
id: "random",
});
}, [count]);
can you please explain in detail why it is not causing infinite loop as we are setting new object everytime and that new object has different reference point.

[fifty-plus]

setState is still asynchronously updated when using the functional setter.

[rishiraj]

Humble Feedback regarding Maths:
Subtract is correct,
Substract is not correct.

[mohininarwade]

For me, the API is getting called multiple times continuously... please respon... what could be the reason here? I have implemented the exact way you have written it....please please reply

[nawazishali]

sir impatiently awating of your mern series

[imasunflowerlilfunny]

this is definetly not for beginners ...weirdly explained! no whys

[mrsahilkhan]

nice video but its not for the beginner language is little complex

[mohininarwade]

Please explain the uses, scenarios etc... this explanation is so shallow yaar...

[navinkandpal]

It's very difficult for fresher to understand these topic as the code is messy.