React-Stats

React Performance Monitor

Inspired by https://github.com/mrdoob/stats.js

Screenshots

Usage

'use strict';

var React = require('react');
var FPSStats = require('react-stats.jsx').FPSStats;

var __DEV__ = true;

var Application = React.createClass({
  render: function() {
    return (
        <div>
          <FPSStats isActive={__DEV__} /> // True by default
        </div>
    );
  }
});

React.render(
  React.createElement(Application, null),
  document.body
);

Optional Props

By default, the meter is fixed positioned in the bottom right. You can pass the optional props top, right, bottom & left to overrride that positioning. bottom & right have values by default, so pass 'auto' as their values if you want to use left or top values.