Learn how to create Custom Hooks in React in 24 minutes (+ useRef Tutorial for beginners)

next level video

very nice presentation. Thank you!

useRef was fun ! Sonny you are best. Make this comment pinned so that sonny can see

Wouldn't the 'generateJoke' function call invoke two state re-renders, causing two async fetch's since both 'firstName' and 'lastName' were iin the dependency array on the 'useRandomJoke' custom hook?

no one can teach better react than him

It seems the api is down. Could anyone help with the current api...

thanks

Good tutorial but I can't access the joke API? I think it's been taken down.

You have a gift Sonny. Thanks you.

Useeffect have empty dependency array then why it will run every time when button click ??

You are the talking documentation of React, I could binge watch this all day. Demystifying React be like this, thank you so much!!

lol why are you using async with .then() instead of await

Nice tutorial

thanks bro...

nice and simple ! thanks

I tried it till the end but I was only able to generate it once. Can anyone help me, please?

What can I say, man, I love your tutorials, especially the ones that you go straight to it. Your explanations are clear and simple. Thank you.🙌

Papa React coming in clutch!

I'm working on a react native app project and I'm fetching data from an API but the problem is I'm trying to filter that data based on the category.

Would I need to build a custom hook for that?

This is super helpful, easy to understand in a minute, Thank you Sonny

I have learned another trick. Thank you Mr. Sonny.

Now i know why I need to pass variables in a dependency array, thank you

I liked this, however, I don’t understand why you didn’t simply return the generate function from the custom hook so that you can generate multiple jokes with one set of names. I don’t think you would need refs either if you did so, and it would be cleaner code.

Handsome man

Brilliantly explained and demonstrated! Thank you!

I was looking for useRerf tutorail and after not getting any on this channel I found this👌greaT

Very good & clean explanation

what if we want to generate another jokes for the same name? when we don't change the name it doesn't change the state so i can't generate multiple jokes for 1 name

You are the first person who explained in such an easy way when and why I need to pass variables in a dependency array. Thank you.

What if first name and last name unchanged when fire submit

Hey Sonny! Great tutorial ❤️.
One question 🙋‍♂️ Can we use Debouching in this case instead of useRef hook?

Thanks!

Thank you Sonny for this fascinating video :) Just a quick question: When I hit the 'Generate Joke' button, it generates a new joke only once. How to fix this to enable multiple consecutive clicks ? Thanks.

Helped alot

Simply perfect 100%

it was pretty straightforward thing I have ever seen about custom hooks and ref. big like bro

Sunny bro please create a search application

Sonny could pls tell me that on Amazon clone you used firebase, does that firebase works on today's version?

Erm isnt this useRandomJoke hook is a simple function that return value?

Awesome video

Your videos are amazing.
I am waiting for lucid chart/google draw clone.

can you do google classroom

Please make separate video of Redux tutorial please please... 😊

Can you create a game ?

Hey sonny, may I know the multicolor drawing pen name which you guys using on the screen

Sir how to create classified ads mobile application flutter backund php

Amazing tutorial. I started bein having love with React is. Thank you

Awesome Explained

If revolution in Teaching had a face, that's surely gonna be this webcam one......
Love from India

Please make a tutorial on GIT also, please!!!