Decorators

Decorators (supported by Babel, in Stage 2 proposal as of 03/17)

If you’re using something like mobx, you can decorate your class components — which is the same as passing the component into a function.
Decorators are flexible and readable way of modifying component functionality.

Non-decorators approach

class ProfileContainer extends Component {
  // Component code
}
export default observer(ProfileContainer)

With decorators

@observer
export default class ProfileContainer extends Component {
  // Component code
}

Article:

• @gigobyte/enhancing-react-components-with-decorators-441320e8606a">Enhancing React components with Decorators

Related:

• Decorators != higher ordered components
• React Decorator example - Module
• What is the use of Connect(decorator in react-redux)
• Decorators with React Components
• Exploring ES7 decorators
• Understanding Decorators