useEffect, useRef and useCallback with 1 project

preview_player
Показать описание
Sara code yaha milta h

Discord pe yaha paaye jaate h:
""/discord
Instagram pe yaha paaye jaate h:
Рекомендации по теме
Комментарии
Автор

This react series was amazing on the internet. I have watched more than two series on udemy but no one can explain all concepts like you.
And you have made this series in hindi it is very helpful me to understand each and every concept deeply.

This bonus is not enough for this awesome series but I will give you more support on upcoming videos.

vikasmali
Автор

0:00 - 5:29 - introduction
5:45 - project setup
9:53 - start
9:47 - use of useState hook
14:15 - generating password (useCallback hook : Memoization)
24:15 - designing ui
32:19 - explaining check mark at radio button
33:28 - calling of password generator function
36:11 - use of useEffect hook
42:31 - copy button using useRef
50:27 - copying a range from password field
52:23 - summary

sumt_here
Автор

Aajtak kisi ko nahi dekha jo itni depth mein samjhata ho...
commendable 🌸🌸

Singhoustic
Автор

kya sir basic basic bol ke itna bara project bnwa diye 2 3 bar video dekhna pra lekin samajh me aa gya thanku

yourallfevorite
Автор

Sir ik chez maine note ki hai. Ap humare brain mai andr ja k scrow open kr k chezain dal lety ho. Really amazing lecture. I revised this lecture 3 times and i was wondering k apne kitna best tariky sy kia. mai pehly 1 mint ki video dekh k seekhta ta aur ab 57 mint ki video mai apke liye duaye dil sy nikal jati hai. Love you sir and I always sharing on linkedIn your content. Thank you really thank you.

muhammadjamshed
Автор

watching 2nd time got more clear to the concepts sir ji
1. use Callback: used for optimization it calls the function inside it when the dependencies are changed and returns a memorized function
2.useeffect: runs the function inside it whenever the page renders first-time or dependencies are changed
3.use ref : used to give reference of selected components in our page so that functions can be performed on referenced values
💙💙💙💙💙

namannema
Автор

40:40 sabse important point yahaan se start hota hai dono hook useCallBack and useEffect bhale hi same ho lekin dono ki functioning me difference hai
1. useCallback hook mainly uski dependencies ke memoisation ke liye responsible hai mainly ye methods ke refrence ko apni memory me cache krke rakhta hai taaki component rerender hone par kahi method ka refrence change na ho jae or wo ek new method ki tarah hi treat ho warna uspar depend baaki component bhi fhir se rerender honge kyuki method ka refrence (means address in the memory) change ho gya hai
2. Wahi useEffect sirf apni dependencies ke behalf par us callback function ko run karwaata agar dependencies change hui to wo useEffect ka callback bhi run hoga jisse uske ander hue task jaise yahan passwordGenerator function ko call krwaana wo invoke ho jaega. Thnk u so much sir ye sab clear krne ke liye.

ashishkumar-jocj
Автор

Sir, , My Humble Request is to Provide Us NON-STOP A Series Of Playlists 🙏🙏🙏🙏

One Playlist For ReactJS
One Playlist For NodeJS
One Playlist For ExpressJS
One Playlist For MongoDB
One Playlist For MERN Projects
One Playlist For MERN Interviews Questions

I wish, you gain 1M subscribers before ending of 2025 💪❤

believer_rajdevyadav
Автор

This video alone took me 6 hours to complete I always like to understand evrything my biggest concern was why should we cannot use useEffect instead of useCallback but after searching and some trials and errors i know now the difference perfectly.

harshgoyal
Автор

I'm really impressed with the way React JS topics are being taught in such an innovative and engaging manner. Instead of just delving into the technical aspects, you take us on a journey of exploration and hands-on learning. You found a way to make complex concepts seem approachable and exciting for us. Thanks for sharing!

PUNAMKUMARI-ly
Автор

I'm really impressed with the way React JS topics are being taught in such an innovative and engaging manner. Instead of just delving into the technical aspects, you take us on a journey of exploration and hands-on learning. You found a way to make complex concepts seem approachable and exciting for us. Thanks for sharing!

tusharmalhotra
Автор

31:15 Hats off! To you sirji, you are making superb level of content on YouTube. and after hearing from you that this video is made at night after completing your all-day work, my respect for you goes beyond the sky.

jayrai
Автор

One of your greatest strengths as a teacher is your exceptional communication skills. You have a remarkable ability to convey complex ideas in a clear and understandable way, making the learning process enjoyable and effective. thank you😊

ganeshnimbare
Автор

Your teaching style amazing jitna bhi dekho kuchh new learn and concepts revised hota hi hota hai, thank You Sir❤❤❤

Sauravkum_
Автор

Humble request to continue the series daily, bhaiya..Your explanation is awesome..!

hrithikrudra
Автор

No words left to say thanks sir. Just can say, you are the most right educator I've ever found. May Krishna bless you and keep you happy forever 💙

tanoypaul
Автор

51:00 if anyone have problem in line no. 34 --->
in line 34 we are copying the whole password to the clipboard, because even if we give the selectionrange to (0, 3)or(0, 20) because that doesn't affect the writeText method, we are giving the whole password here.
for this --> you can use string.splice() or string.substring() method to take the desired value

FLiCK
Автор

guys i have watched this lecture witha a gap of 20 mins in first time some things were going just above the head but in 2nd time... things got crystal clear..

TusharJaiswal-vw
Автор

Mazaa a gaya the way you teach us each and every way to write a clean and optimized code. Love and alot of from Pakistan.Kudos to you . One of the best react course

AishaAkram-jtfy
Автор

Your videos are great, very indepth concepts. Thank you for such organic content you are sharing with us.... I am from Pakistan btw. Enjoying your videos, getting deeper concepts of JavaScript ❤

ahsanaleem
welcome to shbcf.ru