Skip to content

Performance Measurement Decorators

Compare
Choose a tag to compare
@mbasso mbasso released this 06 Nov 19:17
· 10 commits to master since this release

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:

time

@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:

measure

@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

perf