How to setup decorators in React Native

Decorators-For-React-Native-Instruction.md

Using decorators in React Native

1. Install babel plugins to enable decorators.

   npm install babel-plugin-transform-decorators-legacy --save-dev

2. Create or update your .babelrc file in root folder:

   {
    "presets": ["react-native"],
    "plugins": ["transform-decorators-legacy"]
   }

3. Done! Now you can use decorator like:

   import {connect} from 'react-redux'
   
   @connect(...)
   class MyComponent extends React.Component{
       ...
   }
   export default MyComponent

Benifits of this

You don't have to scroll to the bottom of the file to see Redux's connect()

Not working. Still says I need to install decorators plugin. Im using create-react-app and mobx

Not working. Still says I need to install decorators plugin. Im using create-react-app and mobx

This is 6 years old at this point. Given the pace of breaking changes in web dev I would be surprised if this still works.