Kent C. Dodds wrote this piece about how to use the React DevTools and React’s profiling build to properly profile a production app.
The React DevTools is an amazing piece of software and is available as a browser extension for Chrome, Firefox, and is capable of being wired up to work with React app’s anywhere.
You will then find following section in the article:
- Install the Extension
- Start a profiling session
- Explore the profiling data
- Pitfall: measuring development mode
- Build and measure the production app
- Update the webpack config for production-profiling
- Profile the production-profiling build
- Disable function name mangling
- Pitfall: Profiling with a fast computer
… and much more. Plenty of screen grabs for better understanding and some example code, too. Most applications are developed on a device that’s way more powerful than most people using the app. Good to remember: there’s no substitute for trying your app on the devices that users will be using. Excellent read!
[Read More]