3 Ways to Make React App FASTER

Подписаться 150 тыс.

Просмотров 34 тыс.

50% 1

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

Опубликовано:

13 июн 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 74

@anuj7286 Год назад

Thank you piyush i was thinking this video is missing. Great work man!

@Niamudeen 10 месяцев назад

Best stuff I learned about React. Your way of explanation is amazing bro. 💪

@avknash175 7 месяцев назад

Your teaching skill is very smooth and sensational. Thanks 🙏

@MrSaint-ch6xn Год назад

Right now I was facing the same react taking time to load issue and your video recommended.. informative❤

@aadarshgurug Год назад

Need more videos like this , this was great

@devsDojo 6 месяцев назад

you just earned a subscriber...very good pattern bro and nicely explained 🔥🔥

@________.pathfinder 9 месяцев назад

Thank you so much man for providing such content..

@jaydeepmane7845 21 день назад

Great work Man !

@deependu__ Год назад

To the point video. Awesome❤

@surajyadav4586 11 месяцев назад

Great content, you made it easy

@ashishbhatt4821 Год назад

As always Effective Video❤

@chaitanyapatel4763 Месяц назад

Very Well explained. Very useful will definitely use that on my current project 🤘🏻

@anikettripathi1160 4 месяца назад

Amazing video bhaiya ! 👍

@sarthijoshi9995 4 месяца назад

very good explianation, loved your teaching, keep it up. Thanks

@saksham_1612 Год назад

Amazing stuff ❤

@amanmishra-vt8hk 4 месяца назад

I am looking your channel for the first time and now I subscribed to your channel

@subhashgn1775 11 месяцев назад

Absolute master class...👌👌

@csfahad Год назад

A guided walkthrough and important features about using appwrite

@iamsouravganguli Год назад

Thank you bro❤

@rajatpatialvi Год назад

Great Clarification 🤩🤩

@piyushgargdev Год назад

Thank you so much ❤️

@singhkr 2 дня назад

great video sir

@vaibhav_shanker 4 месяца назад

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

@chinmaysawant1343 Год назад

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

@JTtimeCoding 6 месяцев назад

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.

@aayushmaantawer285 7 месяцев назад

Your teaching is soo good. But please complete a playlist before starting the other. Now, we have to surf for full playlists again.

@vikashgurjar4913 2 месяца назад

Lovely bhai🤩🧐😇

@Beawer_help_0 Год назад

Usefull information

@testaccount9420 11 месяцев назад

Thanks ❤

@vineetsingh904 6 месяцев назад

amazing content

@jeetsikder5912 Год назад

Awesom video bro and whitch vs code theam you are using?

@ashish99311 6 месяцев назад

thank you

@varunsalat619 Год назад

great work bro please make more videos about react-app optimization 😇👏

@piyushgargdev Год назад

Sure I will

@lovishduggal9064 Год назад

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 }

@ravikumar-gp6ui 5 месяцев назад

length already take O(n) , why we need to write for loop ?

@shubhamgupta-bl1tr Год назад

Need such more tutorials

@debjyotimondal270 10 месяцев назад

Helpful

@jitumaurya13 2 месяца назад

thanks sir best teachar

@udayasishbora2089 Год назад

Nice concepts

@Tareq0025 7 месяцев назад

Super🎉

@siddharth7261 11 месяцев назад

Hume largefile daalni chahiye thi na dependency me, taaki jab bhi large file change ho tab hum length dobara check kare

@Rehmaan. 11 месяцев назад

Which theme are you using in vs code?

@AvradipDas-ss7tm 3 месяца назад

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 ?

@prashlovessamosa Год назад

Hello piyush sir one request Please make project using socket stuff it would be helpful.

@dipeshmishra153 Месяц назад

Amazingg

@frankbuzzz Месяц назад

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.

@chandansingh-sb3il 10 месяцев назад

build size reduce karne ka tumara koi video hai kya

@vashishtsuryawanshi149 8 месяцев назад

Hi piyush sir, one request, Please make series on React Native.

@nabinsaud4688 Год назад

By using the vite for faster and rapid development

@ankushladani496 Год назад

❤❤ NICE VIDEO ❤❤

@piyushgargdev Год назад

Thank you so much ❤️

@talibhusain3335 10 месяцев назад

Bhai ese optimization ki dusri video bhi banao naa

@Sandeep-zd6dq Год назад

Why event listeners is even registered one time if we are cleaning it, how it remain there 😅

@TanvirAnjum0 Месяц назад

Because he used useCallback hook.Which help the browser to cache the function even though he removed it

@Pupu-xr1ju 5 месяцев назад

Please any who knows Kiya kisi component ko bhi memories kiya jasakta hai?

@vaibhav_shanker 4 месяца назад

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

@aviruppaul4473 Год назад

Aaj open source contribution pe live class ayega

@iamakashkumarram Год назад

Sir postgraceSQL and GraphQL ke upar full course laiye.

@piyushgargdev Год назад

Sure

@yashendrabadal4776 29 дней назад

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.

@scroll_with_vaibhav0 7 месяцев назад

source code

@pradeepkumar-em5re Год назад

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 _________________++++++++++_____________________________________