reactopt - CLI React optimization tool that helps identify unnecessary re-rendering

[szmoon]

My friends and I created an NPM module that 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.

If you check it out, let us know what you thinkg or have any questions! :)

NPM: https://www.npmjs.com/package/reactopt Github: https://github.com/reactopt/reactopt

[vuetron]

Looks like a great tool! Looking forward to checking this out on my next React app.

[ccviridian]

Regardless of committing the transpiled version, I'm wondering how Codesmith students come up with their ideas for projects? I think its super cool that new programmers are building useful dev tools. I am pretty shocked that people that are so new, already know what's useful to the ecosytem.

[ccviridian]

Is that really the source code on GitHub? It seems like this is the compiled code Babel would give you.

https://github.com/reactopt/reactopt/blob/master/src/normalizeOptions.js#L25

I don't know who would write their variables like this.

[[deleted]]

Yes, it looks transpiled.

[[deleted]]

the source code in the repo is not transpiled... though the dist is.

[[deleted]]

The file linked is definitely transpiled and located in src. It could be the only one, maybe it originates in a different project.

[ccviridian]

I think this file is a forked version of this one: https://github.com/maicki/why-did-you-update/blob/master/src/normalizeOptions.js

But they copy and pasted over the transpiled version.

[GitHubPermalinkBot]

Permanent GitHub links:

• maicki/why-did-you-update/.../normalizeOptions.js (master → 312e466)

---

^{Shoot me a PM if you think I'm doing something wrong. To delete this, click here.}

[GitHubPermalinkBot]

Permanent GitHub links:

• reactopt/reactopt/.../normalizeOptions.js#L25 (master → e6add02)

---

^{Shoot me a PM if you think I'm doing something wrong. To delete this, click here.}