React Decoration Versions Save

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)

react-decoration now supports React 16 🎉

Breaking changes

• @perf decorator is no longer available, react-addons-perf no longer works at all in React 16. You can use your browser's performance tools to profile React components.

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

2 new decorators are included in this release:

• Functions
  • @debounce(wait: number = 300, immediate: boolean = false)
  • @throttle(wait: number = 300, options: Object = { leading: true, trailing: true })

Add @handleRenderError. Useful decorator to suppress Components errors and show a message instead of failing to render the whole app.

6 new decorators are included in this release:

• Components
  • @renderNothing
  • @renderChildren
  • @renderComponent(component: React.Component)
• Functions
  • @log
• Events
  • @extractDataset
• Lifecycle
  • @lifecycle(functions: Object)