Skip to content
This repository has been archived by the owner on Oct 2, 2019. It is now read-only.

Higher-order component that can measure component performance

License

Notifications You must be signed in to change notification settings

sheepsteak/react-perf-component

Repository files navigation

react-perf-component

CircleCI

A higher-order React component for testing the performance of other components.

At the moment it only prints the result from Perf.printWasted as that's the most useful part.

npm install react-perf-component

Example

The best way to use this component is via babel and ES2016/ES7 decorators:

import perf from 'react-perf-component'

@perf
export default class MyComponent extends React.Component {
  render() {
    ...
  }
}

It can also fallback to being used like:

import perf from 'react-perf-component'

class MyComponent extends React.Component {
  render() {
    ...
  }
}

export default perf(MyComponent);

Thanks

Special mention to PureSin/react-perf for helping me to understand how to wrap a component with React.addons.Perf.

About

Higher-order component that can measure component performance

Resources

License

Stars

Watchers

Forks

Packages

No packages published