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