react-perf-tool alternatives and similar libraries
Based on the "Inspect" category.
Alternatively, view react-perf-tool alternatives based on common mentions on social networks and blogs.
-
why-did-you-update
DISCONTINUED. Puts your console on blast when React is making unnecessary updates.
CodeRabbit: AI Code Reviews for Developers
Do you think we are missing an alternative of react-perf-tool or a related project?
README
Deprecated 😞
As of React 16, react-addons-perf is not supported. Please use your browser’s profiling tools to get insight into which components re-render.
For examples on how to use browsers profiler for performance testing check the React Docs
ReactPerfTool
ReactPerfTool tries to give you a more visual way of debugging performance of your React application. It does this by using the addons delivered by the React team and community to get measurements and visualize this using graphs. This makes it easier to spot bottlenecks.
[screenshot](./screenshot.png)
Usage
npm i react-perf-tool react-addons-perf -D
import ReactPerfTool from 'react-perf-tool';
import Perf from 'react-addons-perf';
// Import styles if they don't get loaded already
import 'react-perf-tool/lib/styles.css';
export default function YourApp(props) {
return (<div className="your-app">
{/*...yourApp */}
<ReactPerfTool perf={Perf} />
</div>);
}
Contributing
If you want to contribute just fork the project and start working on one of the open issues or on your own ideas. When you are done you can open a pull request.
Code style
The project uses a trimmed down version of the Airbnb Javascript styleguide, and can be checked by running:
npm run lint
Testing
For testing the project uses Mocha and Chai. For testing of components the project uses Enzyme.
TL;DR
npm run build
- produces production buildnpm run dev
- start webpack watchnpm run test
- runs the tests and lintsnpm run lint
- lints all the codenpm run test:unit
- run only the unit testsnpm run test:component
- run only the component tests
*Note that all licence references and agreements mentioned in the react-perf-tool README section above
are relevant to that project's source code only.