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