11:41, you must be using React in StrictMode, in strict mode React renders the application twice, that's why listener is being added twice, rendering app on the server, doesn't have anything to do with adding listener on the client side any piece of js makes an effect on client when it is executed on the client
Great stuff. One request from my side suppose I’m working as a react developer. What kind of tasks/ stories I’ll get assigned. Talking from a live project perspective. This will help me in interviews
Debugging, mostly styling issues for a newbie. Then slowly slowly you will be given tasks involving data fetched by API, then custom hooks or API hooks. After that you will start making new base components.
When I continue using my app the app runs fine but when I don't use it for more than 5 minutes it slows down for a minute and then it seems to be running normally as before. I made my app react native. While its backend code is written in codeignitor4, the data from PHP and API is being fetched at the right time for viewing from postman, what is the problem, why is my app getting slow.
React under the hood and design patterns, web security, next js, ci / cd pipeline with gitthub actions, caching with redis, testing with playright {je sab topics pr future mai videos jrur bnana bhaiya ji kyu ki je production level pr use hoti hai }
In the last example , the same result is produced without the useCallback : const MyComponent = (props)=>{ const loadMessage = ()=>{ console.log("loaded") } useEffect(()=>{ console.log(props.state) window.addEventListener("load",loadMessage) return ()=>{ window.removeEventListener("load",loadMessage) } },[props.state,loadMessage]) return( Count is {props.state} ) } Can you please explain why this works as well ?
Sir ji reactjs me mai posts render kar raha tha to agar image size 2Mb tak pahuch jata hai to jaise hi scroll karte karte us image ke exdam paas aata hu to lag kar jata hai. why? Ye sirf computer screen me hi ho raha hai. mobile screen me smooth chal raha ha. Mera pc bhi capable hai with 16Gb ram and 12400F ulta mobile low end hai usme lag nahi kar raha. Kyo? Bahut paresan su aaj.
yaha bhai ne calculation ko memoize kiya h, Component ko nahi or question hai apka k kisi bhi component ko memoize kar sakte hain to uska answer h, Haa but memoize ka kaam h jab tak props change nahi honge component k tab tak component ko re-render nahi karega, but along side you will definitely face a scenario jaha aapne saare props thik se use kare honge pr handler me sidha sidha function pass kar doge as prop waha memoize, ka effect khatam hota dikhayi dega, but dont worry, this will be the time, when you should learn about useCallback hook
The Three Optimizations are as follows:- 1. For Components that are bulky instead of importing them directly what you can do is you can use lazy loading and you can wrap that Heavy Component around the Suspense Component. 2. You can use useMemo hook in order to memoize heavy calculations in order to improve the complexity on re renders 3. CLeaup in use effect.
Sir also make videos on rendering mern project on cyclic vs vercel vs render and how to solve issues while getting error due to deployment _________________++++++++++_____________________________________
Thank you piyush i was thinking this video is missing. Great work man!
11:41, you must be using React in StrictMode, in strict mode React renders the application twice, that's why listener is being added twice,
rendering app on the server, doesn't have anything to do with adding listener on the client side
any piece of js makes an effect on client when it is executed on the client
Best stuff I learned about React. Your way of explanation is amazing bro. 💪
Great stuff. One request from my side suppose I’m working as a react developer. What kind of tasks/ stories I’ll get assigned. Talking from a live project perspective. This will help me in interviews
Debugging, mostly styling issues for a newbie. Then slowly slowly you will be given tasks involving data fetched by API, then custom hooks or API hooks. After that you will start making new base components.
you just earned a subscriber...very good pattern bro and nicely explained 🔥🔥
A guided walkthrough and important features about using appwrite
Your teaching skill is very smooth and sensational. Thanks 🙏
I am looking your channel for the first time and now I subscribed to your channel
Need more videos like this , this was great
Right now I was facing the same react taking time to load issue and your video recommended.. informative❤
Very Well explained. Very useful will definitely use that on my current project 🤘🏻
Amazing video bhaiya ! 👍
Great Clarification 🤩🤩
Thank you so much ❤️
Great work Man !
Thank you so much man for providing such content..
Great content, you made it easy
length already take O(n) , why we need to write for loop ?
When I continue using my app the app runs fine but when I don't use it for more than 5 minutes it slows down for a minute and then it seems to be running normally as before. I made my app react native. While its backend code is written in codeignitor4, the data from PHP and API is being fetched at the right time for viewing from postman, what is the problem, why is my app getting slow.
very good explianation, loved your teaching, keep it up. Thanks
Sare wahi cheezein batate hain , ek route bna ke dikha dete hain. Baki inko pta nhi hota jab app large ho jati hai
Your teaching is soo good. But please complete a playlist before starting the other. Now, we have to surf for full playlists again.
As always Effective Video❤
To the point video. Awesome❤
React under the hood and design patterns, web security, next js, ci / cd pipeline with gitthub actions, caching with redis, testing with playright {je sab topics pr future mai videos jrur bnana bhaiya ji kyu ki je production level pr use hoti hai }
In the last example , the same result is produced without the useCallback :
const MyComponent = (props)=>{
const loadMessage = ()=>{
console.log("loaded")
}
useEffect(()=>{
console.log(props.state)
window.addEventListener("load",loadMessage)
return ()=>{
window.removeEventListener("load",loadMessage)
}
},[props.state,loadMessage])
return(
Count is {props.state}
)
}
Can you please explain why this works as well ?
Sir ji reactjs me mai posts render kar raha tha to agar image size 2Mb tak pahuch jata hai to jaise hi scroll karte karte us image ke exdam paas aata hu to lag kar jata hai. why? Ye sirf computer screen me hi ho raha hai. mobile screen me smooth chal raha ha. Mera pc bhi capable hai with 16Gb ram and 12400F ulta mobile low end hai usme lag nahi kar raha. Kyo? Bahut paresan su aaj.
great work bro please make more videos about react-app optimization 😇👏
Sure I will
bro is this playlist is enough for interview?
Absolute master class...👌👌
Amazing stuff ❤
Hello piyush sir
one request
Please make project using socket stuff it would be helpful.
Hume largefile daalni chahiye thi na dependency me, taaki jab bhi large file change ho tab hum length dobara check kare
Are you sure?
By using the vite for faster and rapid development
such a great explainnation. love your vids
my laptop heats up when I use REACT even though it is good , what should I do
Awesom video bro and whitch vs code theam you are using?
Which theme are you using in vs code?
to make node faster change it to php swoole rs. Benchmark reach 5x faster...
Hi piyush sir,
one request,
Please make series on React Native.
Why event listeners is even registered one time if we are cleaning it, how it remain there 😅
Because he used useCallback hook.Which help the browser to cache the function even though he removed it
amazing!!!
build size reduce karne ka tumara koi video hai kya
great video sir
Thank you bro❤
Lovely bhai🤩🧐😇
Please any who knows
Kiya kisi component ko bhi memories kiya jasakta hai?
yaha bhai ne calculation ko memoize kiya h, Component ko nahi
or question hai apka k kisi bhi component ko memoize kar sakte hain to uska answer h, Haa
but memoize ka kaam h jab tak props change nahi honge component k tab tak component ko re-render nahi karega,
but along side you will definitely face a scenario jaha aapne saare props thik se use kare honge pr handler me sidha sidha function pass kar doge as prop
waha memoize, ka effect khatam hota dikhayi dega,
but dont worry, this will be the time, when you should learn about useCallback hook
Need such more tutorials
Bhai ese optimization ki dusri video bhi banao naa
very useful video
The Three Optimizations are as follows:-
1. For Components that are bulky instead of importing them directly what you can do is you can use lazy loading and you can wrap that Heavy Component around the Suspense Component.
2. You can use useMemo hook in order to memoize heavy calculations in order to improve the complexity on re renders
3. CLeaup in use effect.
Usefull information
amazing content
Aaj open source contribution pe live class ayega
Sir postgraceSQL and GraphQL ke upar full course laiye.
Sure
Thanks ❤
Nice concepts
please make videos on vite
Everything is good except "TUM", agreed?
Yes 😂
thanks sir best teachar
thank you
source code
❤❤ NICE VIDEO ❤❤
Thank you so much ❤️
Helpful
Sir start
=×Prisma
=×Graphql
=×story books
please😢
memoize*
Super🎉
What language is this in? xD
Hindi - Indian
Maannn This is Super cool ❤🔥
Sir also make videos on rendering mern project on cyclic vs vercel vs render and how to solve issues while getting error due to deployment
_________________++++++++++_____________________________________
Amazingg
FIRST 🥇
W-T-F why do you go back and forth from two languages like that? horrible presentation