ReactJS Course [12] - Custom Hooks Tutorial

[@murshidameen5009]

tbh this is the best react tutorial playlist in yt rn ,ill recommend to evryone

[@shivamsharma6106]

Hey Pedro i love the way you are teaching things, as a beginner getting to cool stuff in a way which is very clear and easy to grab. Keep up the good work.

[@PedroTechnologies]

Glad you like them!

[@ishimweisaac1019]

Good to see you back Pedro. I've been checking my notifications everyday.

[@PedroTechnologies]

Thank you for the support!!

[@DriveandThrive]

You are making learning react a pleasant experience. Appreciate your content

[@olenayevtushok2014]

I watched so many videos about custom hooks and only this video helped me understand them a little bit. I succeed with the exercise! Thank you Pedro!

[@stn369]

Thanks bro, you came back and posted videos!

[@martinirungu2381]

Glad to have you back sir

[@azaz9344]

wooooow this is amazing I am just in 10:06 but I can't finish the video before writing a comment thanks a lot😀

[@richardleungwoogabriel9317]

Thank you alot Pedro!! keep it up!! love what you are doing! leanring so much!

[@LucasInojosaMendesdaSilva]

it's very difficult to find such a good explanation of hooks. thanks

[@uafkhurram]

really i like the way you teach. i have learnt many from you. thank you buddy

[@ThColinPereira]

He's back! Great video Pedro

[@PedroTechnologies]

Posting everyday this week 💪

[@abdssamad5246]

Best notification of the day❤❤

[@beedo987]

This is awesome my brother ❤

[@vinayjalalpuram6238]

Awesome Pedro!!!

[@k303k]

Thank you so much for very clear explanation Pedro!

[@sanuyadav-ys3fb]

Fantastic brother! Thanks a lot!

[@WillSmith-qt7me]

Very good React course, the highest class.

[@easterntornado]

Best custom hooks explained

[@faizanahmed9304]

Thank you brother, video was awesome

[@eliyahutarab4862]

Fantastic video very clear thank you

[@vinaypatil8009]

Nice tutorial thanks

[@poojakamble3643]

excercise: import { useState } from "react"; export const useCounter = () => { const [state,setState] =useState(0); const incrementCounter=()=>{ setState(state + 1) } const decrementCounter=()=>{ setState(state-1) } const resetCounter=()=>{ setState(0) } return [state,incrementCounter,decrementCounter,resetCounter] } import React from 'react' import { useCounter } from './useCounter' const Counter = () => { //values coming from custom hook- useCounter hook const [state,incrementCounter,decrementCounter,resetCounter] = useCounter() return ( {state} Increment Decrement Reset ) } export default Counter please let me know in case of any implementation mistake done

[@ИннаБогданова-к4щ]

Thank You Pedro a lot!!!!

[@abdessamade6995]

great video♥♥♥

[@sonamohialdin3376]

Awesome tutorial very useful thank you

[@Kal-El-gm5pc]

I have a question. When exporting as an array and you import where you need it, does the order you follow to import matter, cause for example, if we write the const for your 2nd example as an array, will i need to also follow the order it was exported as ? Cause i wonder how react will know if i alter the names

[@eromoseleogbeide4075]

hey pedro i wanted to ask inthe example you used the useQuery hook without the queryClient and queryClient provider but when i tried using it i had problems i dont know if you can clearify on that

[@escaladus4860]

can we use just setState(!state) ?

[@MasteryOfGameDev]

a little question for the exercise: Can you explain me why you used inside the increase setCount((prev)=>(prev+1)) and not setCount(count+1) ? ty a lot

[@olenayevtushok2014]

Hello! As I understand it: if you need a previous value to set a new value, you have to use arrow function. If you don't need the previous value to set a new value, you can just enter the new value. In this case you need to know the previous value of counter, that's why use arrow function.

[@whatisthis__95]

I have the same question. I did the excercise as you wrote it and it works perfectly. It would be nice to get an answer back

[@whatisthis__95]

@PedroTechnologies could you give a feedback on that? Thanks

[@rodellibed9100]

Next tutorial bro node Js after your all react js tutorial is done . Thank you and Godbless

[@Andres_Agudelo0101]

the best pedrito tech

[@PedroTechnologies]

❤️

[@Second_Law]

Hi Pedro, i watched a lot of your tutorial and it really helped me a lot! Thank you for all the content you give us all!! By the way i watched your tutorial about useContext hooks before this, and its seem so similar to me. Did the custom hooks can be used similar to useContext as a global state?

[@hardcode6372]

awesome tutorial will you please make a video on react query+mui where-> data [{from API ->fetch using reactquery}] is display on the basis of => fromDate(date picker (mui)) and ToDate(date picker) and then submit(button) => with validation and show that data in a table i tried to search the internet it is not available please help.thn u.

[@andrewandrosow4797]

In my opinion - there is redundency. Why we can`t use only "Axios" library for these examples? Maybe the author is specialist, but the course for beginners.

[@alexdefaro]

Hi Pedro... Could you make a video on best libraries to format inputs for ReactJS. Thing like Date/Time Pickers, Money and etc. Thanks

[@araarsalan1307]

i just dont get custom hooks idk why. am i gonna fail as a developer if i completly ignore it lol?

[@PedroTechnologies]

It is ok to be confused about topics in the beginning hahaha you can ignore it for now, just like i ignored some topics that got me confused when i was learning it. I mean, you will eventually understand it and use it, but if ignoring it makes you continue progressing, don't be scared of doing so!

[@araarsalan1307]

@@PedroTechnologies thank you thats so reassuring

[@currojugando6585]

Hello Pedro. the link for the exercises files is wrong, btw i love your videos!

[@currojugando6585]

I mean you have to click 2 times to go and the project uploaded is not from this video

[@zuesbaker]

Restart setCount(initialVal)

[@andreyokhrimenko2271]

Does useQuery depricated at version 4.2.3? Example dont work! Dude where is code for useGetCat example...

[@bq_wang]

👍👍👍👍👍

[@flowerofash4439]

so basically custom hook is a regular function but its name started with a capital letter or "use"

[@fortnitesmash7166]

But it's a lot difficult to use normal function from other module. It's harder and complicated to because of its value that can't be accessible

[@tonyhong2443]

poggers

[@vityachess]

I think this is too advanced topic for beginner...