The Perf object can be used with React in development mode only. Therefore, the profiler only serves to indicate the relatively expensive parts of your app. However, the perf tools described on this page only work when using the development build of React.
The development build includes extra warnings that are helpful when building your apps, but it is slower due to the extra bookkeeping it does.
If you’re benchmarking or seeing performance problems in your React apps, make sure you’re testing with the minified production build. “A Deep Dive into React Perf Debugging”.See these articles for an introduction to React performance tooling: In addition to giving you an overview of your app’s overall performance, Perf is a profiling tool that tells you exactly where you need to put these methods. However, in situations where you need to squeeze every ounce of performance out of your app, it provides a shouldComponentUpdate() method where you can add optimization hints to React’s diff algorithm. React is usually quite fast out of the box. Import Perf from 'react-addons-perf' // ES6 var Perf = require ( 'react-addons-perf' ) // ES5 with npm Overview
0 kommentar(er)
