Fooxly Babel Preset for React

The default Babel preset for Fooxly projects using React.

🚀  Powered By

• @fooxly/babel-preset
• @babel/preset-react
• @wordpress/babel-plugin-import-jsx-pragma

❤️  Support us

About 40% of your donation goes to one of the charities we support. For further information or questions please visit our website or contact us via charity@fooxly.com.

     

☁️  Installation

using npm

npm install --save-dev @fooxly/babel-preset-react

using yarn

yarn add -D @fooxly/babel-preset-react

📐  Usage

using .babelrc

{
  "presets": ["@fooxly/babel-preset-react"]
}

using package.json

...
"babel": {
  "presets": ["@fooxly/babel-preset-react"]
}
...

using React Native

Make sure to check out the README of the Metro Babel preset in order to use the latest available React Native technologies.

You must include the noEnv: true option and require this preset after the Metro one, in order for this preset to work with React Native.

{
  "presets": [
    "module:metro-react-native-babel-preset",
    ["@fooxly/babel-preset-react", { "noEnv": true }]
  ]
}