salakar / babel-preset-react-native-syntax

📦Babel preset providing syntax only plugins used by babel-preset-react-native - supports React Native ^0.56.0.

Babel Preset React Native Syntax

This preset includes the latest syntax plugins as specified in babel-preset-react-native.

Latest supported React Native version: ^0.56.0

Latest supported Metro version: ^0.45.0

Latest supported Babel version: ^7.0.0

---

npm i @invertase/babel-preset-react-native-syntax

---

This is useful for React Native libraries that want to use Babel plugins that may not be supported by React Native's default preset.

Additionally this allows editing/viewing library source from within node_modules (useful for debugging) as there's no transformation of library code (unless you add any additional transform plugins).

Example Usage

{
  "presets": ["@invertase/react-native-syntax"],
  "plugins": [
    "transform-decorators-legacy"
  ]
}

Options

flow -> 'strip' | 'comment'

Optional: Whether to transform flow syntax by striping it out entirely or comment it out but preserve the /* @flow */ directive and still be able to use flow.

• strip -> @babel/plugin-transform-flow-strip-types
• comment -> @babel/plugin-transform-flow-comments
• undefined -> do nothing - flow syntax remains untouched

Example

{
  "presets": [
    "@invertase/react-native-syntax",
    {
      "flow": "comment"
    }
  ],
  "plugins": [
    "transform-decorators-legacy"
  ]
}

---

Credits

• Skevy for his original repo: https://github.com/skevy/babel-preset-react-native-syntax