Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nicolasbrugneaux/react-memory-stats

React Component that shows your app memory activity.
https://github.com/nicolasbrugneaux/react-memory-stats

javascript memory-stats monitoring performance react

Last synced: 17 days ago
JSON representation

React Component that shows your app memory activity.

Awesome Lists containing this project

README

        

# react-memory-stats

This plugin is based on Paul Irish's [memory-stats](https://github.com/paulirish/memory-stats.js).

![image](http://i.imgur.com/eUCFcAH.gif)

## Install

```
npm install react-memory-stats --save
```

### 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.

### Add the module to your react's dependencies

```js
var MemoryStatsComponent = require( 'react-memory-stats' );
...
render: function()
{
return ( );
}

```

## Contribute

```
npm install
npm run build
```