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.
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
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 ?
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.
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.
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.
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
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!
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.
Best stuff I learned about React. Your way of explanation is amazing bro. 💪
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
A guided walkthrough and important features about using appwrite
Your teaching skill is very smooth and sensational. Thanks 🙏
you just earned a subscriber...very good pattern bro and nicely explained 🔥🔥
Right now I was facing the same react taking time to load issue and your video recommended.. informative❤
I am looking your channel for the first time and now I subscribed to your channel
very good explianation, loved your teaching, keep it up. Thanks
Your teaching is soo good. But please complete a playlist before starting the other. Now, we have to surf for full playlists again.
Great work Man !
Very Well explained. Very useful will definitely use that on my current project 🤘🏻
Need more videos like this , this was great
Thank you so much man for providing such content..
such a great explainnation. love your vids
Great Clarification 🤩🤩
Thank you so much ❤️
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 }
Great content, you made it easy
Hume largefile daalni chahiye thi na dependency me, taaki jab bhi large file change ho tab hum length dobara check kare
Amazing video bhaiya ! 👍
As always Effective Video❤
great work bro please make more videos about react-app optimization 😇👏
Sure I will
Hello piyush sir
one request
Please make project using socket stuff it would be helpful.
Absolute master class...👌👌
To the point video. Awesome❤
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 ?
to make node faster change it to php swoole rs. Benchmark reach 5x faster...
bro is this playlist is enough for interview?
By using the vite for faster and rapid development
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.
Awesom video bro and whitch vs code theam you are using?
Amazing stuff ❤
Hi piyush sir,
one request,
Please make series on React Native.
amazing!!!
great video sir
Need such more tutorials
Thank you bro❤
very useful video
my laptop heats up when I use REACT even though it is good , what should I do
thanks sir best teachar
Thanks ❤
amazing content
Sare wahi cheezein batate hain , ek route bna ke dikha dete hain. Baki inko pta nhi hota jab app large ho jati hai
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.
Bhai ese optimization ki dusri video bhi banao naa
thank you
build size reduce karne ka tumara koi video hai kya
Usefull information
Lovely bhai🤩🧐😇
Sir postgraceSQL and GraphQL ke upar full course laiye.
Sure
Which theme are you using in vs code?
please make videos on vite
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
Nice concepts
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.
Aaj open source contribution pe live class ayega
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
Helpful
memoize*
Sir start
=×Prisma
=×Graphql
=×story books
please😢
❤❤ NICE VIDEO ❤❤
Thank you so much ❤️
Super🎉
Everything is good except "TUM", agreed?
Yes 😂
source code
Amazingg
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
_________________++++++++++_____________________________________
What language is this in? xD
Hindi - Indian
FIRST 🥇
W-T-F why do you go back and forth from two languages like that? horrible presentation
Maannn This is Super cool ❤🔥