3 Ways to Make React App FASTER
HTML-код
- Опубликовано: 13 июн 2023
- Performance is something people always worry about, especially in React, but oftentimes the bundle size of an application is ignored when doing performance optimization.
FREE Open Source BootCamp: • Open Source BootCamp -...
Join the Discord Server: / discord
Checkout Full Stack Twitter Clone Course: learn.piyushgarg.dev/learn/tw...
#react #reactjs #webdevelopment #nextjs
Thank you piyush i was thinking this video is missing. Great work man!
Best stuff I learned about React. Your way of explanation is amazing bro. 💪
Right now I was facing the same react taking time to load issue and your video recommended.. informative❤
Need more videos like this , this was great
Your teaching skill is very smooth and sensational. Thanks 🙏
Great work Man !
To the point video. Awesome❤
Thank you so much man for providing such content..
Great content, you made it easy
As always Effective Video❤
Amazing stuff ❤
you just earned a subscriber...very good pattern bro and nicely explained 🔥🔥
Absolute master class...👌👌
Amazing video bhaiya ! 👍
very good explianation, loved your teaching, keep it up. Thanks
Very Well explained. Very useful will definitely use that on my current project 🤘🏻
Thank you bro❤
I am looking your channel for the first time and now I subscribed to your channel
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.
A guided walkthrough and important features about using appwrite
Great Clarification 🤩🤩
Thank you so much ❤️
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
Awesom video bro and whitch vs code theam you are using?
Thanks ❤
Usefull information
amazing content
thank you
Helpful
Your teaching is soo good. But please complete a playlist before starting the other. Now, we have to surf for full playlists again.
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 }
Need such more tutorials
great work bro please make more videos about react-app optimization 😇👏
Sure I will
Which theme are you using in vs code?
Nice concepts
Hume largefile daalni chahiye thi na dependency me, taaki jab bhi large file change ho tab hum length dobara check kare
length already take O(n) , why we need to write for loop ?
Lovely bhai🤩🧐😇
Super🎉
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.
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 ?
thanks sir best teachar
Hello piyush sir
one request
Please make project using socket stuff it would be helpful.
Amazingg
build size reduce karne ka tumara koi video hai kya
Hi piyush sir,
one request,
Please make series on React Native.
By using the vite for faster and rapid development
❤❤ NICE VIDEO ❤❤
Thank you so much ❤️
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.
Bhai ese optimization ki dusri video bhi banao naa
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
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
Aaj open source contribution pe live class ayega
Sir postgraceSQL and GraphQL ke upar full course laiye.
Sure
source code
memoize*
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
_________________++++++++++_____________________________________
Sir start
=×Prisma
=×Graphql
=×story books
please😢
What language is this in? xD
Everything is good except "TUM", agreed?
Yes 😂
FIRST 🥇
Maannn This is Super cool ❤🔥