babel-preset-duy

Babel preset for duy's react-starter-kit and more. Highly opinionated.

Install

Using npm:

npm install --save-dev babel-preset-duy

or using yarn:

yarn add babel-preset-duy --dev

Usage

module.exports = () => {
  return {
    presets: [
      [
        require.resolve("babel-preset-duy"),
        {
          outside: false, // for transform outside of the app, omit most of plugins, optimization
          react: true,
          wdyr: true, // turn on why-did-you-render support
          // vue: false, // Not yet supported
          typescript: true,
          datefns: true, // turn on support for date-fns library
          ramda: true, // turn on support for ramda library
        },
      ],
    ],
  };
};

Details

This preset includes the following presets

• @babel/preset-env

• @babel/preset-react: with automatic jsx transform and support for why-did-you-render out of the box

• @babel/preset-typescript

This preset includes the following plugins

• @babel/plugin-proposal-class-properties

• @babel/plugin-proposal-decorators

• @babel/plugin-proposal-do-expressions

• @babel/plugin-proposal-export-default-from

• @babel/plugin-proposal-function-sent

• @babel/plugin-proposal-json-strings

• @babel/plugin-proposal-logical-assignment-operators

• @babel/plugin-proposal-nullish-coalescing-operator

• @babel/plugin-proposal-optional-chaining

• @babel/plugin-proposal-pipeline-operator

• @babel/plugin-proposal-throw-expressions

• @babel/plugin-transform-new-target

• @babel/plugin-transform-runtime

• babel-plugin-transform-react-constant-elements

• babel-plugin-transform-react-remove-prop-types

• babel-plugin-date-fns-next

• babel-plugin-ramda