@bilue/babel-preset-react

[![npm (scoped)](https://img.shields.io/npm/v/@bilue/babel-preset-react.svg?style=flat-square)](https://www.npmjs.com/package/@bilue/babel-preset-react)

Usage no npm install needed!

<script type="module">
  import bilueBabelPresetReact from 'https://cdn.skypack.dev/@bilue/babel-preset-react';
</script>

README

Bilue Logo

@bilue/babel-preset-react

npm (scoped)

This package provides an opinionated Babel config for React projects using TypeScript, intended to be used for all of our React projects at Bilue.

Installation

# Yarn
yarn add --dev @bilue/babel-preset-react

# npm
npm save --dev @bilue/babel-preset-react

Usage

In your Babel configuration, usually a .babelrc file at the root of your project, add the following:

{
  "presets": ["@bilue/react"]
}

Features

  • Support for all ES2018 features in vanilla JavaScript files
  • Support for the proposed object rest spread and class fields syntax in Vanilla JavaScript
  • Support for JSX syntax in vanilla JavaScript files, and TypeScript files with the .tsx extension
  • All TypesScript features supported by the Babel TypeScript preset, which at this point includes everything except namespaces and const enums.
  • Polyfills to support a wide range of browsers