@charlietango/babel

Babel preset to configure a setup that allows us to work with React alongside Flow or Typescript.

Installation

Install the preset from NPM:

yarn add @charlietango/babel --dev

Create a file named .babelrc with following contents in the root folder of your project:

{
  "presets": ["@charlietango/babel"]
}

Extra plugins

• babel-plugin-lodash - Ensures lodash is optimized when imported
• babel-plugin-macros - Enable support for macros
• react-hot-loader - Support hot reloading of react

CSS-in-JS

If you need to use a CSS-in-JS framework, you should add the presets/plugins to the babel configuration according to the documentation.

styled-components

{
  "plugins": ["babel-plugin-styled-components"]
}

emotion

{
  "presets": ["@emotion/babel-preset-css-prop"]
}