React Hooks Tutorial - 31 - useDocumentTitle Custom Hook

📱 Follow Codevolution

useDocumentTitle Custom Hook

[priyankanarekar]

Not only do I find your content incredibly informative, but I also admire the clarity and passion with which you present each topic. Your dedication to providing accurate information while keeping it engaging is truly commendable.

[danilosampaio]

I love the way you everything step by step. It teachs not only React, but how to code, thinking from simple to complex. Tks

[jensenraylight]

Great explanation, thanks,
i read the documentation,
but just read documentation alone left room for misinterpretation & wrong assumption,

thanks for this video, now the concept ingrained in my brain

[liveepiceveryday]

this didnt made much sense to me at first. but after hitting the road block of code duplication, HOC ... now it made a clear sense to me. thanks codevolution.. whenever i get stuck, i get back to your videos. thanks again.

[colhl]

You are doing amazing work. Thank you very much for all of this.

[jpchennai]

So to extract common functionalities in class component we use Higher Order component/ Render ... functional component uses custom usehook

[RahulKumar-wudv]

we can also include useState in the custom hook

[Pareshbpatel]

A very clear explaination of a React Custom Hook. Thanks, Vishwas

{2024-09-23}

[storypixel]

Who is jamming out to Custom React Hooks in February 2020  🎶🎤

[PraveenKumar-jevx]

Which react snippet you use here for windows VS Code?

[danblakeslee]

Question: since you are using the useEffect hook in this custom hook, can you also put a useEffect hook on DocTitleTwo.js for another reason, or would they conflict?

[祐祐-dg]

It seems to be that calling a regular function in functional component. Is this notion correct?

[aamersohail]

Thanks! May I know where is the returned count value being saved which was being returned from custom hooks? Line 7 [TIME: 7:49]. My understanding is that the returned value should be saved in a variable and then pass the onClick event. Is'nt it? e.g let retrunedCount = useDocumentTtitle(count); Please clarify. Thanks

[medi]

But the count state is also common between those two components, why not to put it in the custom hook?

[prafulkatlana]

Nice explanation but I have one doubt what is the significance of using 'useEffect' in custom hook, we can achieve the same without using that.

[pariveshbadal]

can anyone explanation which will be displayed first on clicking the button? the document.title or JSX count-{count}? I am having difficulty seeing the flow of code! My understanding says the first document.title should get displayed and then JSX count-{count}, but unfortunately the exact opp is happening. See the code below
useEffect(()=>{
let i=0

i++
document.title=`Count - ${count}`
}, [count])
So when i press the button first setCount should re-render, causing the customHook to run & updating the document title first & then returning to JSX and then displaying the count-{count}. But unfortunately when i click the button, my count updates first & then document.title updates after that!

[jagdishshetty]

First to comment on this tutorial, I believe !!! Well explained !!! Thx so much !!!

[אפרתונסו]

tnk
what do u mean when u say 'side effect'?

[chandrasekharreddymullangi]

Can u share a personal portfolio project link in react