A CLI #Reactjs performance optimization tool that identifies potential unnecessary re-rendering

  • Reactopt identifies specific events that may be causing unnecessary re-rendering of components in your application, and which components may benefit from utilizing shouldComponentUpdate.
  • Prior to React 16, the module react-addons-perf helped identify locations that developers may want to implement shouldComponentUpdate to limit over-rendering.
  • However, since the module is no longer supported we created Reactopt to fill the gap, and also provide increased functionality for any version of React.
  • After you’re finished and type ‘done’, you will see an audit on your application’s component performance.
  • Include this code at the top of your main React component file (our module is meant to be used in development mode): – – Include this script in your package.json: – – This module was created by Candace Rogers, Pam Lam, Vu Phung, Selina Zawacki – – Let us know!…

reactopt – A CLI React performance optimization tool that identifies potential unnecessary re-rendering

GitHub is home to over 20 million developers working together to host and review code, manage projects, and build software together.

A CLI React performance optimization tool that identifies potential unnecessary re-rendering.

Reactopt identifies specific events that may be causing unnecessary re-rendering of components in your application, and which components may benefit from utilizing shouldComponentUpdate.

Prior to React 16, the module react-addons-perf helped identify locations that developers may want to implement shouldComponentUpdate to limit over-rendering. However, since the module is no longer supported we created Reactopt to fill the gap, and also provide increased functionality for any version of React.

Upon initiating Reactopt, your application will be launched in a browser for you to interact with. After you’re finished and type ‘done’, you will see an audit on your application’s component performance.

1.5.0 is the first working verison of this module.

We welcome contributions that add additional functionality.

npm install

Include this code at the top of your main React component file (our module is meant to be used in development mode):

Include this script in your package.json:

Run command

This module was created by Candace Rogers, Pam Lam, Vu Phung, Selina Zawacki

Like our app, found a bug?

Let us know!

reactopt@gmail.com

Visit us at www.reactopt.com

Utilizes a modified version of (why-did-you-update by maicki)

You…

GitHub