Chrome React Perf

• Automatically show result when stop
• Stop recording when Perf tab is closed

https://chrome.google.com/webstore/detail/react-perf/hacmcodfllhbnekmghgdlplbdnahmhmm

• Install the extension from Chrome Store
• Expose Perf (make sure Perf.start() can run from console)

Chrome React Perf rely on a global variable called Perf. There are several ways to do that.

• use webpack's expose loader
  

  import 'expose?Perf!react-addons-perf'

  or

  loaders: [
    {
      test: require.resolve("react-addons-perf"),
      loader: "expose?Perf"
    }
  ],

• assign it to window

  import Perf from 'react-addons-perf'
  window.Perf = Perf

• If something goes wrong, open an issue or tweet me: @crysislinux.

npm install

npm run dev

npm run build

• Start && Stop && Print
• Get a better logo (Thanks to rubencodes)
• Support multiple profiles
• Save settings to localStorage