react-memory-stats

This Component is based on Paul Irish's memory-stats.

Installation

yarn add react-memorystats

Usage

import { render } from 'react-dom';
import MemoryStatsComponent from 'react-memorystats';

render(
  <MemoryStatsComponent corner="topLeft" />,
  document.getElementById("container")
);

Config

• corner - topLeft, topRight (default), bottomLeft, bottomRight

check the example code here.

Start Chrome with --enable-precise-memory-info

# Linux
google-chrome --enable-precise-memory-info --enable-memory-info

#MacOS
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --enable-precise-memory-info --enable-memory-info

Otherwise the results from performance.memory are bucketed and less useful.

Development

// install dependencies
yarn install
// run example locally and start server
yarn start