Skip to content

vigneshshanmugam/react-memorystats

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
lib
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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

About

React Component for Memory Stats

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •