# @1o1w1/babel-preset-react-app

> Babel preset used by Create React App

Latest version **8.0.1** (published 2019-08-01) · MIT license · 0 weekly downloads

## Install

```sh
npm install @1o1w1/babel-preset-react-app
pnpm add @1o1w1/babel-preset-react-app
yarn add @1o1w1/babel-preset-react-app
bun add @1o1w1/babel-preset-react-app
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 8.0.1 |
| Published | 2019-08-01 |
| First published | 2019-05-05 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 18 |
| Unpacked size | 19.7 KB |
| Known vulnerabilities | 0 (+2 in 2 direct dependencies) |
| Install scripts | no |
| Maintainers | 1o1w1 |

## Links

- npm: https://www.npmjs.com/package/@1o1w1/babel-preset-react-app
- Repository: https://github.com/1o1w1/spa-webpack
- Homepage: https://github.com/1o1w1/spa-webpack#readme
- Issues: https://github.com/facebook/create-react-app/issues
- npm.io page: https://npm.io/package/@1o1w1/babel-preset-react-app

## Dependencies (18)

- [@babel/core](https://npm.io/package/@babel/core.md) 7.4.3
- [@babel/runtime](https://npm.io/package/@babel/runtime.md) 7.4.3
- [@babel/preset-env](https://npm.io/package/@babel/preset-env.md) 7.4.3
- [@babel/preset-react](https://npm.io/package/@babel/preset-react.md) 7.0.0
- [babel-plugin-macros](https://npm.io/package/babel-plugin-macros.md) 2.5.1
- [@babel/preset-typescript](https://npm.io/package/@babel/preset-typescript.md) 7.3.3
- [@babel/plugin-transform-classes](https://npm.io/package/@babel/plugin-transform-classes.md) 7.4.3
- [@babel/plugin-transform-runtime](https://npm.io/package/@babel/plugin-transform-runtime.md) 7.4.3
- [babel-plugin-dynamic-import-node](https://npm.io/package/babel-plugin-dynamic-import-node.md) 2.2.0
- [@babel/plugin-proposal-decorators](https://npm.io/package/@babel/plugin-proposal-decorators.md) 7.4.0
- [@babel/plugin-syntax-dynamic-import](https://npm.io/package/@babel/plugin-syntax-dynamic-import.md) 7.2.0
- [@babel/plugin-transform-destructuring](https://npm.io/package/@babel/plugin-transform-destructuring.md) 7.4.3
- [@babel/plugin-proposal-class-properties](https://npm.io/package/@babel/plugin-proposal-class-properties.md) 7.4.0
- [@babel/plugin-transform-flow-strip-types](https://npm.io/package/@babel/plugin-transform-flow-strip-types.md) 7.4.0
- [@babel/plugin-proposal-object-rest-spread](https://npm.io/package/@babel/plugin-proposal-object-rest-spread.md) 7.4.3
- [@babel/plugin-transform-react-display-name](https://npm.io/package/@babel/plugin-transform-react-display-name.md) 7.2.0
- [babel-plugin-transform-react-remove-prop-types](https://npm.io/package/babel-plugin-transform-react-remove-prop-types.md) 0.4.24
- [@babel/plugin-transform-react-constant-elements](https://npm.io/package/@babel/plugin-transform-react-constant-elements.md) 7.2.0

## Recent versions

- 8.0.1 (latest) — 2019-08-01
- 8.0.0 — 2019-05-05

## README

# babel-preset-react-app

This package includes the Babel preset used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.

## Usage in Create React App Projects

The easiest way to use this configuration is with [Create React App](https://github.com/facebook/create-react-app), which includes it by default. **You don’t need to install it separately in Create React App projects.**

## Usage Outside of Create React App

If you want to use this Babel preset in a project not built with Create React App, you can install it with the following steps.

First, [install Babel](https://babeljs.io/docs/setup/).

Then install babel-preset-react-app.

```sh
npm install babel-preset-react-app --save-dev
```

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

```json
{
  "presets": ["react-app"]
}
```

This preset uses the `useBuiltIns` option with [transform-object-rest-spread](http://babeljs.io/docs/plugins/transform-object-rest-spread/) and [transform-react-jsx](http://babeljs.io/docs/plugins/transform-react-jsx/), which assumes that `Object.assign` is available or polyfilled.

## Usage with Flow

Make sure you have a `.flowconfig` file at the root directory. You can also use the `flow` option on `.babelrc`:

```json
{
  "presets": [["react-app", { "flow": true, "typescript": false }]]
}
```

## Usage with TypeScript

Make sure you have a `tsconfig.json` file at the root directory. You can also use the `typescript` option on `.babelrc`:

```json
{
  "presets": [["react-app", { "flow": false, "typescript": true }]]
}
```

---
_Source: https://npm.io/package/@1o1w1/babel-preset-react-app · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._