Custom Hooks in React (Design Patterns)

i know this is not react related but, can u do a tutorial on neovim or vim or just the vim motion in your vscode

can you please make a video about casl in react ? or virtualization in react (from scratch)

Nice. Must watch this later . 😊

@cosdensolutions please share the Code

@cosdensolutions please share the code

hi question when to use this clean up pattern?

useEffect( ()=>{

var mounted = true
// do logic here

return () => { mounted = false }

},[])

1440p. great!

a video on your vs code setup

Just a reminder: custom hooks do not need to have .tsx or .jsx file extensions, when they dont return any JSX code.
The only thing is that they need to be called within a functional component

Hi I have watched your single responsibility principle, in that video you have mentioned a separate util to fetch the api, should the api fetching part in the useFetchComments should moved separately to achieve SRP ?

Sir use the simple react without Typescript more people will watch, understand and grasp the code properly.

Really quality content

thanks you!!! (especially subtitle)

this is exactly what i need

In Initial code, it was locally adding the comment, in Your refactor code you are fetching all records again. And its a good practice to do update the state locally without fetching on each comment. So how can we locally update the state using mentioned custom hooks approach,
Thank you

I had a discussion just yesterday about what should be contained within a custom hook. Should it only be code which includes state management / jsx or can it also include 'helper' functions (which could just be part of a non-hook helper file)? I'd be interested in hearing peoples perspectives.

Love your videos, will you create a react course with TS? I would definetly buy it!

I love that you make it look so easy even for people who are not very much experienced with react.

These types of videos are the types of videos that I benefit from the most. Very clean and very straightforward. Thank you

Great and simple tutorial to understand Custom Hooks, thank you. Just a question though - how does it improve performance comparing to the initial code as you explained?

it helps me a lot, really appreciate all of your videos, thank you

Bro how long have you been coding for?

very nice clear precise and effective video, every time ads come i will never skip the ads i'll try to help people like you as best as i can😁

Can you make a video guide for Vim in vs code. how to do add it and set it up. Would be very usefull. Thanks!

I humbly suggest considering a tutorial series that encompasses all the essential topics.

Seus vídeos são incríveis e explicativos 👏👏👏👏

Do we have any code repo for this video?

I prefer writing my custom hook code in my component file as it is better organized and easily maintainable. Is there any downside to this approach in the long run?

When you say custom hooks have to be prefixed with use, just for clarity, its just a best practice, react doesnt impose this nor it would treat a hook function any different if it wasnt prefixed with use.

Firstly, this is incredible content! Very clear instructions. Quick question: what if you've abstracted state that needs to be updated via some sort of interaction (e.g. like a button click)? do you also pass down "setters" for the state ,or is that an anti-pattern?

React devs, this guy is the real deal. Trust

what theme are you using in vscode?

Awesome tutorial! Clear, concise and exhaustive. 💯

Loved the video! Would it also have been reasonable to keep the comments/setComments in CommentsPage and pass comments/setComments to both useFetchComments and useAddComment?

Awesome, now I need to do it again in slow motion with a lot of extra processing :)

Perfect tutorial. Must watch for beginner react devs

so this is an alternative for HOC , right?

Great video

I could learn a lot of from your videos. ❤