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 -
/ @roadsidecoder
Source Code -
github.com/piyush-eon/react-h...
If any questions, ask here -
/ roadsidecoder
useContext Tutorial -
• React Context API with...
Context API with useReducer Hook Tutorial -
• React Shopping Cart Tu...
Learn React From Scratch -
• React JS Workshop Day ...
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 -
• Movies and TV Series S...
Quiz App in React JS and Material UI -
• Quiz App in React JS w...
Dictionary App in React JS and Material UI -
• 12 Language Dictionary...

[@tubewell5222]

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

[@lakshyasharma7559]

Very nicely explained. Best tutorial so far💯

[@jithinkgeorge2237]

very well explained

[@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

[@darshitraj1694]

You are Awesome!

[@rishiraj2548]

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

[@pratik_N55]

Wow...worth spending 45 mins 👍

[@RoadsideCoder]

🙏🙏❤️

[@tubewell5222]

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

[@devisuprajaratakonda8034]

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?

[@JDP12345]

Resize is happening because of a window resize event he added inside the useEffect to initialize.

[@shinoyjames428]

Please do a video on react authentication.validation topics urgently

[@zakriajanjua9170]

Need alot of MERN projects with redux and jwt auth

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

[@RoadsideCoder]

Thank you so much Ankita, I think I have improved in my latest tutorial when it comes to speed of explaination.

[@uselesstime6658]

complex !! easy word and stoires

[@Sonu-tg6tg]

waiting for react portfolio project and resume level MERN project

[@RoadsideCoder]

Will add this to the list!

[@rakhimovich_one]

Thank you bro

[@Sonu-tg6tg]

@@RoadsideCoder thanks!!

[@vinaypatil8009]

@@RoadsideCoder latest Reactjs project needed because There are some updates happen so some code doesn't work Please make modern Reactjs project because you are the best teacher

[@AmirHussain-dd6zw]

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

[@fifty-plus]

setState is still asynchronously updated when using the functional setter.

[@RoadsideCoder]

Yes it is, I meant that it'll be instantly updated with respect to state.

[@mohininarwade1108]

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

[@murali-krishnan]

It's because of React's strict mode in the index.js file. It's helpful to catch errors don't worry about that

[@imasunflowerlilfunny3353]

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

[@mrsahilkhan1902]

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

[@nawazishali274]

sir impatiently awating of your mern series

[@mrrishiraj88]

👍

[@RoadsideCoder]

🙏

[@chandanthakur5236]

Web Dev Simplified

[@rishiraj2548]

🙏💯👍

[@mohininarwade1108]

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

[@ahmadfaraz3678]

Too fast. Beginner can not understand this

[@RoadsideCoder]

Really? I have explained everything from scratch. If the pace is fase, you can slow down the video speed

[@ahmadfaraz3678]

@@RoadsideCoder Yes really

[@RoadsideCoder]

@@ahmadfaraz3678 have u studied react before? The basics

[@ahmadfaraz3678]

@@RoadsideCoder Why are you asking this?

[@RoadsideCoder]

Because to follow this video, you should have atleast basics understanding of react apart from hooks

[@navinkandpal6767]

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