How To Maximize Performance In Your React Apps

Fixing performance bugs in React is difficult since so much of the performance of React is tied to re-renders and state management. This is why I love the profiler built into React dev tools since it does an amazing job of showing you everything you need to know about what is causing your app to be slow. In this video I explain exactly how to use the React profiler to maximize your performance.

📚 Materials/References:

🌎 Find Me Here:

⏱️ Timestamps:

00:00 - Introduction
00:26 - Demo Application
01:45 - Basic Profiler Features
06:30 - Advanced Profiler Features

#ReactProfiler #WDS #ReactJS

[gosnooky]

Fantastico. The BIGGEST issue I see these days are people developing on state-of-the-art machines and don't bother to check performance on slow and older devices. This has huge implications if you want to target users in developing countries where most people are using older Android mobile devices with slow mobile connections (or even slow Wifi).

[arindam_chowdhury]

I have always wanted a thorough breakthrough of using the React profiler. Thank you so much!

[rayaqin]

it would have been a lot better if you removed a realistic issue that was slowing down rendering instead of a sleep function

[devsDojo]

This is lesser talked about. I'm glad that you brought them with such amazing explanation.

[ahmedsherif]

when I saw the title I jumped right away to watch ❤
keep it going your content is just perfect ❤❤

[MaylorTaylor]

I would love a video on how to do optimize React apps with Webpack for both dev and production environments. There are so many plugins and tools to minify and condense code!

[EricSundquistKC]

OMG, I've been using these tools all wrong! Thanks a million. 👍

[nrouslan]

Thanks for the very informative video! Also, you have a really good and rich speech! ❤

[jnsjknn]

This is great. Would you make a video about compression and other things affecting PageSpeed Insights Score / SEO?

[Cannn]

This is exactly what I am needing right now thank you

[thisguy]

this is such a golden thing to learn, thank you

[avikroy]

Checked your project...nice for every kind of functionality and hook practice

[sc]

As a react Dev for 5/6 years the profiler if about the only thing I've never really used or understood the graph it displays

[thefuntech]

Whole video explaination is going bounce from my head
😅😅

[Pavel_k]

Is there any way to use it with next js projects?

[pottaz]

This is a great video. I almost unsubscribed to this channel because of all the clickbait thumbnails with you "screeming" etc. No need for that. Keep to this great content and thumbnails that make sense.

[moonlightCR]

Thank you so much Kyle, This is the video I was looking for. ❤from Pakistan

[HHJoshHH]

Thank you so much Kyle. I'm really learning a lot from your channel. But what if you had an issue where the modal opens and closes but once it's closed the page goes dead and nothing works. How would you go about finding the issue?

[beefykenny]

Thanks for providing me with this delicious information today 💯

[IAMTHEMUSK]

Can you do a video on how to optimise the cold start time using nextjs ssr?