Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/nicolasbrugneaux/react-memory-stats
- Owner: nicolasbrugneaux
- Created: 2015-02-14T20:32:08.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2015-02-23T15:06:57.000Z (over 9 years ago)
- Last Synced: 2024-10-14T00:20:26.681Z (about 1 month ago)
- Topics: javascript, memory-stats, monitoring, performance, react
- Language: JavaScript
- Homepage: http://nicolasbrugneaux.github.io/react-memory-stats
- Size: 348 KB
- Stars: 10
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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
```