Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/garrettmac/react-rerender-warnings
Helps you catch avoidable rerenders with rerender warnings - don't update if you don't have to
https://github.com/garrettmac/react-rerender-warnings
Last synced: 18 days ago
JSON representation
Helps you catch avoidable rerenders with rerender warnings - don't update if you don't have to
- Host: GitHub
- URL: https://github.com/garrettmac/react-rerender-warnings
- Owner: garrettmac
- Created: 2017-12-29T06:00:26.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2018-01-02T21:41:45.000Z (almost 7 years ago)
- Last Synced: 2024-10-06T01:23:19.169Z (about 1 month ago)
- Language: JavaScript
- Size: 42 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
![MIT](https://img.shields.io/badge/license-MIT-blue.svg)
![github](https://img.shields.io/github/stars/garrettmac/react-rerender-warnings.svg)
![react-rerender-warnings issues](https://img.shields.io/issuestats/p/github/garrettmac/react-rerender-warnings.svg)
![github](https://img.shields.io/github/forks/garrettmac/react-rerender-warnings.svg)
![twitter](https://img.shields.io/twitter/url/https/github.com/garrettmac/react-rerender-warnings.svg)
![react-rerender-warnings](https://badges.gitter.im/garrettmac/react-rerender-warnings.svg)# react-rerender-warnings
Helps you catch avoidable rerender with rerender warnings - don't update if you dont have to
## Installation- Install `react-rerender-warnings` first
```bash
yarn add react-rerender-warnings
```## Setup
Add this anywhere in your app and you're done! You'll now get beautiful logs of prop and state changes that could have been avioded throught your entire app.
NOTE: Supports react 16 and fiber. No support for ES5's createClass.
```jsx
import React from 'react';
import ReRenderWarnings from 'react-rerender-warnings';process.env.NODE_ENV !== 'production' && ReRenderWarnings(React);
```
## Done!# Contributing
Please share what you got and make a pr!