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.
- https://twitter.com/dan_abramov/status/628202050946514944
- http://stackoverflow.com/questions/36553814/what-is-the-use-of-connect-decorator-in-react-redux
- http://stackoverflow.com/questions/36286384/decorators-with-react-components
- https://medium.com/google-developers/exploring-es7-decorators-76ecb65fb841#.8cbzw5wcl
- https://survivejs.com/react/appendices/understanding-decorators/
Non-decorators approach
class ProfileContainer extends Component {
// Component code
}
export default observer(ProfileContainer)With decorators
@observer
export default class ProfileContainer extends Component {
// Component code
}Check for a Decorator example here: https://github.com/gigobyte/react-document-title-decorator