Skip to content
This repository has been archived by the owner on Nov 24, 2021. It is now read-only.

mfrachet/rn-render-perfs

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

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

Build Status Coverage Status License: MIT

Measure React rendering lifecycles using controls using a simple component



Installation

$ yarn add -D rn-render-perfs

In your code

import RnRenderPerfs from 'rn-render-perfs';
import Perf from 'ReactPerf';

export default function App() {
  return (
      <View>
        <YourApp />
        <RnRenderPerfs monitor={Perf} />
      </View>
  );
};

You can pass any kind of Perf module inside monitor props that implements :

  • start: Function
  • stop: Function
  • printWasted: Function
  • printInclusive: Function
  • printExclusive: Function
  • printOperations: Function

What can I expect from this module ?

This module is a simple wrapper allowing to call Perf modules using the same API as the react-addons-perfs one.

With the previous code example, you can access to these information (from react-addons-perfs doc) :

  • Print wasted: “Wasted” time is spent on components that didn’t actually render anything
  • Print Inclusive: Print the overall time taken by React
  • Print Exclusive: “Exclusive” times don’t include the times taken to mount the components: processing props, calling componentWillMount and componentDidMount, etc.
  • Print operations: Prints the underlying manipulations

With the help of @flepretre & @kennydee

About

🌀 Measure React rendering lifecycles using controls

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published