# @deloitte-digital-au/babel-preset-app-react

> Babel Preset for Deloitte Digital React Projects

Latest version **3.0.0** (published 2019-06-26) · BSD-3-Clause license · 0 weekly downloads

## Install

```sh
npm install @deloitte-digital-au/babel-preset-app-react
pnpm add @deloitte-digital-au/babel-preset-app-react
yarn add @deloitte-digital-au/babel-preset-app-react
bun add @deloitte-digital-au/babel-preset-app-react
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 3.0.0 |
| Published | 2019-06-26 |
| First published | 2018-05-30 |
| Weekly downloads | 0 |
| License | BSD-3-Clause |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 4.5 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 13 |
| Author | Deloitte Digital AU |
| Maintainers | dkeeghan, jennasalau |
| Keywords | babel, preset, deloitte, digital, au |

## Links

- npm: https://www.npmjs.com/package/@deloitte-digital-au/babel-preset-app-react
- Repository: https://github.com/DeloitteDigitalAPAC/webpack-config
- Homepage: https://github.com/DeloitteDigitalAPAC/webpack-config#readme
- Issues: https://github.com/DeloitteDigitalAPAC/webpack-config/issues
- npm.io page: https://npm.io/package/@deloitte-digital-au/babel-preset-app-react

## Dependencies (4)

- [@babel/core](https://npm.io/package/@babel/core.md) 7.4.3
- [@babel/preset-react](https://npm.io/package/@babel/preset-react.md) 7.0.0
- [@deloitte-digital-au/babel-preset-app](https://npm.io/package/@deloitte-digital-au/babel-preset-app.md) ^3.0.0
- [babel-plugin-transform-react-remove-prop-types](https://npm.io/package/babel-plugin-transform-react-remove-prop-types.md) 0.4.24

## Alternatives

- [@clerk/clerk-expo](https://npm.io/package/@clerk/clerk-expo.md) — 133.6K weekly downloads
- [@pothos/plugin-authz](https://npm.io/package/@pothos/plugin-authz.md) — 12.4K weekly downloads
- [@bounded-sh/client](https://npm.io/package/@bounded-sh/client.md) — 3.2K weekly downloads
- [@oxyhq/services](https://npm.io/package/@oxyhq/services.md) — 2.3K weekly downloads
- [@luigi-project/plugin-auth-oauth2](https://npm.io/package/@luigi-project/plugin-auth-oauth2.md) — 2.3K weekly downloads

## Recent versions

- 3.0.0 (latest) — 2019-06-26
- 2.0.6 — 2019-05-14
- 2.0.6-alpha.0 — 2019-05-14
- 2.0.5 — 2019-05-08
- 2.0.4 — 2019-04-15
- 2.0.1 — 2019-04-12
- 2.0.0 — 2019-04-12
- 1.5.0 — 2018-12-10
- 1.3.0 — 2018-11-19
- 1.2.0 — 2018-08-27
- 1.1.0 — 2018-08-14
- 0.0.8 — 2018-08-09
- 1.0.0 — 2018-08-08
- 0.0.7 — 2018-05-30
- 0.0.6 — 2018-05-30

## README

# @deloitte-digital-au/babel-preset-react

Ract Babel preset used by Deloitte Digital for our modern web apps.

**If you are using our webpack-config package.** This is already pre-installed, please read the main [instructions](https://github.com/DeloitteDigitalAPAC/webpack-config) to configure this package.

## Installing

**Prerequisite**

To use, you will need to install the Babel cli:

```
npm install @babel/cli --save-dev 
```

> You may also like to set it up for a [tool of your choice](https://babeljs.io/docs/setup/).

**Install @deloitte-digital-au/babel-preset-react**

```
npm install @deloitte-digital-au/babel-preset-app-react --save-dev
```

Then create a `.babelrc` in the root of your project:

```js
{
	"presets": ["@deloitte-digital-au/babel-preset-app-react"]
}
```

*IMPORTANT:* Please ensure you [polyfill](https://babeljs.io/docs/usage/polyfill/) `Object.assign` for older browsers.

## Adding Typing (Optional)

### Adding Typescript

```
npm install @babel/preset-typescript --save-dev 
```

Then add the typescript preset to your `.babelrc`

```
{
	"presets": [
		"@deloitte-digital-au/babel-preset-app-react",
		"@babel/preset-typescript"
	]
}
```

### Adding Flow

```
npm install  @babel/preset-flow --save-dev
```

Then add the flow preset to your `.babelrc`

```
{
	"presets": [
		"@deloitte-digital-au/babel-preset-app-react",
		"@babel/preset-flow"
	]
}
```

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