I know sir you won't read this comment but Thank you so much sir I have completed your mern course and that gave me so much confidence in creating React and other full stack web applications. Again thank you sir from the bottom of my heart.
you know what i have never build a production ready app or any project yet but still i enjoy these videos and interestingly i'm getting almost everything what he is talking, making improvement in something is always exciting and fun. please make such great videos
Thanks a lot Hitesh. I watched so many videos but this is the best explanation useRef can have. Thanks man!! I hope you make bigger videos and your subscribers will be very happy to watch them. :)
Awesome explanation!!! Thank you so much @Hitesh Sir! for creating such a nice video for all viewers who are learning react like me. For me the best part of the video was the summarization of whole concept in last. I changed my video playback speed to 0.75 to understand what you just said. LOL!!!
Hello :) Thank you for taking the time to explain it. It was such a great great video, but I just want to mention something that you already spoke in the beggining of the lesson. From a student perspective we usually go for longer or medium videos and 20min video its I think quite good. I refuse to see videos about 5min for each conxept. Coding is about conxepts and not syntax. You can steel code up and down but its more useful if you steel code but at least you understand the flow of the code and you can modify when you are asked. So thank you again for your work.
Wao thank you very much, your videos are really helpful. I just started learning react and these videos are great help and I don't mind long videos at all 💓
Thanks a lot. I now have a better understanding. Gotta say please Inculcate these philosophy part in courses too. I was disappointed by one of your course but your youtube videos seem to be more curated than courses
18:20 did anyone notice the console log showed width as 400, although the code to change width was sequentially after logging statement, ideally i would have expected it to show as width:100. Can anyone tell me why did that happen?
Completely different example used from all the other videos on youtube for useref!! Great Work. Just one ques: isn't changing the width of input box a re-render???
Re-rendering means re-loading of browser tab. If you use useState , with every change in state , your browser will re-load and all elements on that page will too re-reload. but in useRef , that element will only re-render not browser tab.
When you are using useRef and do something like: inputRef.current.style.width = "400px" It means that you are manipulating the DOM manually, meaning, you are not causing a re-render in the React sense, although you may very well be causing a repaint or reflow. React handles all the DOM manipulations itself so that you don't have to, it handles when something should re-render through the 'state' and virtual DOM.
after seeing so many focus based tutorial finally this was the one that helped me understand the concept clearly. Thank you very much to you.
Yea...This one made lot more sense..
Yes, its 2024 and many youtuber are still giving example based on focus 😂😂
Literally cracked me up when you talked about that focus example.
Finally i can get my head around this confusing hook. First time watching your channel but really loved the explanation. Many many thanks to you.
I really really appreciate the fact you didn't do the reused 'focus' tutorials everyone copied off each other. Much appreciated.
I know sir you won't read this comment but Thank you so much sir I have completed your mern course and that gave me so much confidence in creating React and other full stack web applications. Again thank you sir from the bottom of my heart.
I was struggling with ReactJs for the last few days. Thanks for the last 2 videos. You are awesome 💯
I really confuse when see my colleague use useRef in their code, but I got the whole ideal when watch this video. Thanks Hitesh so much
you know what i have never build a production ready app or any project yet but still i enjoy these videos and interestingly i'm getting almost everything what he is talking, making improvement in something is always exciting and fun. please make such great videos
The simplest yet the clearest video on the internet!
Now, i explain many react concepts very easily to anyone, all credit goes to you. Hitesh Sir ##MyDrodhachaarya🙏🙏
You explain things so well and with patience. Thanks!
This is the best and simplest way that I find for this hook
Thank you so much, sir.
Better than 500 rupee udemy course, love you sir ji
Thanks Hitesh. Got more clear understating of useRef.
Now I can say I know what is useRef, great work Sir
one of the cleanest explanations one can find on the internet... ❣️❣️
Thanks a lot 😊
damn , my 20mins time of my life not waste for watching this tutorial man, thank you for explaining it. . new subscriber here.
Wow ! Got to say this is one of the simplest and neat explanation a layman can understand.
it took me a while to find a clear explanation of useRef. sure i will subscribe and follow you always mr.hitesh
Thanks a lot Hitesh. I watched so many videos but this is the best explanation useRef can have. Thanks man!! I hope you make bigger videos and your subscribers will be very happy to watch them. :)
Now I got a clearly understanding of where we can use useref. Thank u
after going through multiple videos and not understanding the concept, there comes hitesh sir ❤❤❤
You are always unique. Different examples are giving better idea. Very useful. Thank you!
Netlfix style Intro should be continued 😅
Really loving all the content of your channel❤️
The concept is explained clearly....... thankyou bro.
You are my Guru going forward. Dheivamey.......
Best explanation I have ever heard about useref hook!
Best Tutorial. Watched from Bangladesh :)
Everytime you surprise me with your knowledge
thanks much Hitesh....you are having an incredible teaching ability.
Thanks! I m just working on a project and need to implement useRef in that. Really helpful 😊
Glad it was helpful!
This useRef confuses the sht out of me, after watching your vid, i now somehow understand it
Excellent video bro! really appreciated
Awesome explanation!!! Thank you so much @Hitesh Sir! for creating such a nice video for all viewers who are learning react like me. For me the best part of the video was the summarization of whole concept in last. I changed my video playback speed to 0.75 to understand what you just said. LOL!!!
Hello :) Thank you for taking the time to explain it. It was such a great great video, but I just want to mention something that you already spoke in the beggining of the lesson. From a student perspective we usually go for longer or medium videos and 20min video its I think quite good. I refuse to see videos about 5min for each conxept. Coding is about conxepts and not syntax. You can steel code up and down but its more useful if you steel code but at least you understand the flow of the code and you can modify when you are asked. So thank you again for your work.
I dont hit the subscribe sorry...
I just make the notification ON for each video that you will upload
Your video covers concept and interview qns too. Thanks a lot for this video sir!
Thank you so much sir for this simple and useful video and I don't feel that video is longer.
was this video longer nah dude ! 20 minutes felt like 2 minutes. love your teaching style .
Great explanation @Hitesh! You simply cracked useRef :)
best explanation so far
Best tutorial on useRef, no doubt
Thank you very much :) Only your video gave me understanding of useRef
You had me at, You have to understand it's history!
This is awesome video it clears my all doubts.
thank you so much Iam enjoying when I watch your explanation 😊😊😊
Brilliant explanation, love the detailed answer
Wao thank you very much, your videos are really helpful. I just started learning react and these videos are great help and I don't mind long videos at all 💓
superb explanation hitesh sir,thank u so much
Best description I've seen!
you are AWESOME! BEST EXPLANATION EVER!
Crystal Clear❤❤
Thanks for the explanation in the beginning. It was really helpful
Thanks sir made my mind more clear about useRef() hook
clear and concise. Loved it
Thank You sir for this beautiful concise explanation!!!!!
you have cleared it amazingly! 👏
you are good at this
Concise and complete explanation
Thanks a lot. I now have a better understanding. Gotta say please Inculcate these philosophy part in courses too. I was disappointed by one of your course but your youtube videos seem to be more curated than courses
Excellent tutorial man. Keep it up!!!
Thank you sir for this wonderful tutorial.
Thankyou for this type of clearlity ❤️
THE best video i have even seen
wow this is best video so far. really appreciate your help tho
we getting into in-depth react ...nice...looking forward to the video on lifecycle component of react
Great explanation and example
18:20 did anyone notice the console log showed width as 400, although the code to change width was sequentially after logging statement, ideally i would have expected it to show as width:100. Can anyone tell me why did that happen?
Because here we log the non- primitive value thats why....
sir tagda explanation hain.
I was just wondering on how to manipulate on dom elements wola! I just got my answer thank you sir.
Completely different example used from all the other videos on youtube for useref!! Great Work. Just one ques: isn't changing the width of input box a re-render???
Excellent explanation .
Sir, You are too much like my mom. You always sense it, what I want.
tq very much sir it was easy to understand
Best video on useRef
Thank you very much Hitesh Sir ..
Good Hitesh. Keep it up.
you explain the why of things and that what does give your channel its adventage upon others
It's my first time learning anything from him and it's awesome
Ps:subbed already but permanent now
Really needed this video. Thank you.
Such a great explanation! Thank you sir!
Thanks for the clear explanation
Brilliantly explained !!
This explanation was phenomenal. Can you explain in depth useEffect hook and all its cases?
Thank you for the clear explanation.
Sir, please make video on useMemo() and useCallback() hook
This was lovely. Thank you!
Thank you , it was very clever!
Absolutely Beautiful :)
As said in the Saturday live, thought yesterday would be live with telusko
I'm confused. Useref is not supposed to render but clearly the input element is changing in width which means it was re-rendered. What am I missing?
Re-rendering means re-loading of browser tab. If you use useState , with every change in state , your browser will re-load and all elements on that page will too re-reload.
but in useRef , that element will only re-render not browser tab.
@@mayurkeswani2312 I don't think that's right.
When you are using useRef and do something like:
inputRef.current.style.width = "400px"
It means that you are manipulating the DOM manually, meaning, you are not causing a re-render in the React sense, although you may very well be causing a repaint or reflow. React handles all the DOM manipulations itself so that you don't have to, it handles when something should re-render through the 'state' and virtual DOM.
Hello sir, assuming I want to add a value to an input Text by just clicking on element.. please how will I do that please?
What does "Store the reference of an element" meains?
but why input size changed on the screen if changing current value doesn't trigger rerender? i don't understand
🙌❤great help always..
We need more ... please make More
Awesome sir. As always.please make Video on redux or redux toolkit with demo app like todo.If possible.
Great video tutorial thanks a lot!
Amazing teacher
thanks a lot.... you made it easy
please a video like this about redux.... what is the use case of redux!