# @salesforce/babel-preset-design-system-react

> Babel preset to parse the Salesforce Design System React source code.

Latest version **3.0.0** (published 2018-05-04) · SEE LICENSE IN README.md license · 0 weekly downloads

## Install

```sh
npm install @salesforce/babel-preset-design-system-react
pnpm add @salesforce/babel-preset-design-system-react
yarn add @salesforce/babel-preset-design-system-react
bun add @salesforce/babel-preset-design-system-react
```

## Health

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

Positive: no vulnerabilities; high maintenance score.

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

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 3.0.0 |
| Published | 2018-05-04 |
| First published | 2018-01-11 |
| Weekly downloads | 0 |
| License | SEE LICENSE IN README.md |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 2.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 988 |
| Author | Stephen James |
| Maintainers | brandonm, byao, cdias, davidturissini, diervo, futuremint_sf, interactivellama, jamesward, jgrantham, kevinv11n, kriscfoster, maratto, mpsenn, pallavi.singh, pmdartus, rsalvador, salesforce-bot, sfdc_iamigo, smugakamil, tausifm, tbliss, vazexqi, vineet-sinha |
| Keywords | babel, preset, react, es6, javascript, design system, lightning, salesforce-lightning, salesforce |

## Links

- npm: https://www.npmjs.com/package/@salesforce/babel-preset-design-system-react
- Repository: https://github.com/salesforce/design-system-react
- Homepage: https://github.com/salesforce/design-system-react#readme
- Issues: https://github.com/salesforce/design-system-react/issues
- npm.io page: https://npm.io/package/@salesforce/babel-preset-design-system-react

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 3.0.0 (latest) — 2018-05-04
- 2.0.0 — 2018-03-02
- 1.0.0 — 2018-01-11

## README

# Babel Preset for Source Code

> A Babel 6 preset that makes Design System React compatible with Salesforce’s supported browsers. This enables a module bundler, such as Webpack, to transpile Design System React. Using this will make it easier to upgrade in the future without having to manually reconfigure your Babel settings to be compatible with new language features Design System React may use.

Currently contains transforms for all standard syntax that is [ES2017](https://tc39.github.io/ecma262/), `babel-preset-react` and the following lower-stage plugins:

* [proposal-object-rest-spread](https://github.com/tc39/proposal-object-rest-spread)
* [proposal-class-properties](https://github.com/tc39/proposal-class-public-fields)
* [syntax-export-default-from](https://github.com/tc39/proposal-export-default-from)
* [syntax-export-extensions](https://babeljs.io/docs/plugins/syntax-export-extensions/)
* [proposal-export-default](https://github.com/tc39/proposal-export-default-from)

## Install

```sh
$ npm install --save-dev @salesforce/babel-preset-design-system-react
```

## Usage

### With `.babelrc` (Recommended)

```json
{
  "presets": ["@salesforce/babel-preset-design-system-react"]
}
```

### With CLI

```sh
$ babel script.js --presets @salesforce/babel-preset-design-system-react
```

### With Node

```javascript
require('babel-core').transform('code', {
  presets: ['@salesforce/babel-preset-design-system-react']
});
```

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