React Component for Memory Stats
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
example
lib
src
.babelrc
.editorconfig
.gitignore
.npmignore
LICENSE
README.md
package.json
webpack.config.js
yarn.lock

README.md

react-memory-stats

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

image

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