How to use the react-addons-perf.printInclusive function in react-addons-perf

To help you get started, we’ve selected a few react-addons-perf examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github jareware / css-ns / demo / react / app / index.js View on Github external
import React from 'react';
import ReactDOM from 'react-dom';
import Perf from 'react-addons-perf';
import ReactDemoApp from './ui/ReactDemoApp';

Perf.start(); // see https://facebook.github.io/react/docs/perf.html
const then = Date.now();
ReactDOM.render(, document.querySelector('#container'));
const now = Date.now();
Perf.stop();

// for NODE_ENV=production
console.log('Total render time:', now - then, 'ms');

Perf.printInclusive();
Perf.printExclusive();
github department-of-veterans-affairs / vets-website / src / js / edu-benefits / 1990 / components / debug / PerfPanel.jsx View on Github external
handleStop() {
    Perf.stop();
    const measurements = Perf.getLastMeasurements();
    console.log('Inclusive');
    Perf.printInclusive(measurements);
    console.log('Exclusive');
    Perf.printExclusive(measurements);
    console.log('Wasted');
    Perf.printWasted(measurements);
    console.log('DOM');
    Perf.printOperations(measurements);
  }
github c0rvax / project-black / app / dirsearch_tables / components / MainAccumulator.jsx View on Github external
setTimeout(() => {
        Perf.stop();
        Perf.printInclusive();
        Perf.printExclusive();
      }, 25000);
github dexteryy / Project-WebCube / webcube / boilerplate / AppSkeleton.js View on Github external
this._root = ReactDOM.render(React.createElement(Root), node, () => {
      perfAddon.stop();
      perfAddon.printInclusive();
      perfAddon.printExclusive();
      perfAddon.printWasted();
      if (cb) {
        return cb();
      }
      return null;
    });
    this._node = node;
github freedomexio / rocketx-condenser / src / app / utils / ConsoleExports.js View on Github external
perf: () => {
        const Perf = require('react-addons-perf')
        if (perfStarted) {
            Perf.stop()
            const lm = Perf.getLastMeasurements()
            Perf.printInclusive(lm)
            Perf.printExclusive(lm)
            Perf.printWasted(lm)
            perfStarted = false
        } else {
            Perf.start()
            perfStarted = true
        }
        return Perf
    },
github animachine / animachine / src / main.js View on Github external
setTimeout(function () {
    Perf.stop()
    Perf.printInclusive()
    Perf.printExclusive()
    Perf.printWasted()
    PPP.log()
  }, 200)
}
github karpusa / heroku-react-starter-kit / src / helpers / profTool.jsx View on Github external
handlePerfStop() {
    Perf.stop();
    Perf.printInclusive();
    //Perf.printWasted();
    //Perf.printOperations();
  }
github freedomexio / rocketx-condenser / app / utils / ConsoleExports.js View on Github external
perf: () => {
        const Perf = require('react-addons-perf')
        if (perfStarted) {
            Perf.stop()
            const lm = Perf.getLastMeasurements()
            Perf.printInclusive(lm)
            Perf.printExclusive(lm)
            Perf.printWasted(lm)
            perfStarted = false
        } else {
            Perf.start()
            perfStarted = true
        }
        return Perf
    },
github coinbay / CoinbayDEX / frontend / app / components / Tools.jsx View on Github external
componentDidMount: function() {
    if (this.props.flux.stores.config.debug && Perf) {
      var measurements = Perf.stop();
      Perf.printInclusive(measurements);
      utils.debug("Inclusive", "^");
      Perf.printExclusive(measurements);
      utils.debug("Exclusive", "^");
      Perf.printWasted(measurements);
      utils.debug("Wasted", "^");
    }
  },