Make Your React Apps More Efficient In Ten Minutes With React-RPM

I’m one of the lead software engineers on React-RPM, a Chrome DevTool that measures and visualizes performance data in real-time as you interact with your application. With its release on the Chrome store earlier this week, I’ve put together a quick tutorial video that covers the basics of using this DevTool to uncover inefficiencies in your application, and steps you can take to fix them.

For an overview of features, check out this video or the Github Page.

Download React-RPM on the Chrome Store

In this tutorial, I cover:

  • How to get React-RPM linked to your project with the Node module
  • How to use RPM to gauge Time Wasted, and understand exactly what that means and how it affects performance
  • How to eliminate unnecessary re-renders by incorporating shouldComponentUpdate() and/or PureComponent in your source code


If you have any specific questions or concerns, please feel free to reach out to me directly at johnnycoyle@gmail.com