Releases: mbasso/react-decoration
@lock decorator
This release contains 1 new useful decorator.
@lock
Executes the decorated function as soon as you call it for the first time, and then disables further execution (thanks to @lake-effect in #13)
Upgrade to React 16
react-decoration now supports React 16 🎉
Breaking changes
@perfdecorator is no longer available,react-addons-perfno longer works at all in React 16. You can use your browser's performance tools to profile React components.
Performance Measurement Decorators
This release contains 4 new useful decorators to debug and measure performance.
@trace
Outputs a stack trace to the Web Console
@time(label: string)
Tracks how long the decorated function takes, logging it in the Web Console. Here is an example in Google Chrome:
@measure(callback: function = console.log)
Gets information like time and memory usage before and after the execution of the decorated function and makes a comparison.
You can use this decorator to detect, for example, an excessive memory usage caused by the continuous creation of nested functions. For example arrow functions in render method.
Here is an example object that represents this:
@perf(options: Object)
Uses Performance Tools to measure components performance so that you can identify perf issues like bottlenecks.
Here is an example of @perf applied to an App component, that render another React component called Input
Debounce and Throttle
2 new decorators are included in this release:
Add handleRenderError
Add @handleRenderError. Useful decorator to suppress Components errors and show a message instead of failing to render the whole app.
Add decorators
6 new decorators are included in this release:
- Components
- Functions
- Events
- Lifecycle
Initial release
1.0.0