Socket
Socket
Sign inDemoInstall

@babel/preset-react

Package Overview
Dependencies
87
Maintainers
5
Versions
77
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 7.0.0-beta.49 to 7.0.0-beta.50

18

package.json
{
"name": "@babel/preset-react",
"version": "7.0.0-beta.49",
"version": "7.0.0-beta.50",
"description": "Babel preset for all React plugins.",

@@ -11,7 +11,7 @@ "author": "Sebastian McKenzie <sebmck@gmail.com>",

"dependencies": {
"@babel/helper-plugin-utils": "7.0.0-beta.49",
"@babel/plugin-transform-react-display-name": "7.0.0-beta.49",
"@babel/plugin-transform-react-jsx": "7.0.0-beta.49",
"@babel/plugin-transform-react-jsx-self": "7.0.0-beta.49",
"@babel/plugin-transform-react-jsx-source": "7.0.0-beta.49"
"@babel/helper-plugin-utils": "7.0.0-beta.50",
"@babel/plugin-transform-react-display-name": "7.0.0-beta.50",
"@babel/plugin-transform-react-jsx": "7.0.0-beta.50",
"@babel/plugin-transform-react-jsx-self": "7.0.0-beta.50",
"@babel/plugin-transform-react-jsx-source": "7.0.0-beta.50"
},

@@ -22,6 +22,6 @@ "peerDependencies": {

"devDependencies": {
"@babel/core": "7.0.0-beta.49",
"@babel/helper-plugin-test-runner": "7.0.0-beta.49",
"@babel/helper-transform-fixture-test-runner": "7.0.0-beta.49"
"@babel/core": "7.0.0-beta.50",
"@babel/helper-plugin-test-runner": "7.0.0-beta.50",
"@babel/helper-transform-fixture-test-runner": "7.0.0-beta.50"
}
}

@@ -5,130 +5,16 @@ # @babel/preset-react

This preset always includes the following plugins:
See our website [@babel/preset-react](https://new.babeljs.io/docs/en/next/babel-preset-react.html) for more information or the [issues](https://github.com/babel/babel/issues?utf8=%E2%9C%93&q=is%3Aissue+label%3A%22area%3A%20react%22+is%3Aopen) associated with this package.
- [@babel/plugin-syntax-jsx](https://babeljs.io/docs/plugins/syntax-jsx/)
- [@babel/plugin-transform-react-jsx](https://babeljs.io/docs/plugins/transform-react-jsx/)
- [@babel/plugin-transform-react-display-name](https://babeljs.io/docs/plugins/transform-react-display-name/)
## Install
And with the `development` option:
Using npm:
- [@babel/plugin-transform-react-jsx-self](https://babeljs.io/docs/plugins/transform-react-jsx-self/)
- [@babel/plugin-transform-react-jsx-source](https://babeljs.io/docs/plugins/transform-react-jsx-source/)
> Note: Flow syntax support is no longer enabled in v7. For that, you will need to add the [Flow preset](https://babeljs.io/docs/plugins/preset-flow/).
## Installation
> You can also check out the React [Getting Started page](https://facebook.github.io/react/docs/hello-world.html)
```sh
npm install --save-dev @babel/preset-react
npm install --save @babel/preset-react
```
## Usage
or using yarn:
### Via `.babelrc` (Recommended)
**.babelrc**
Without options:
```json
{
"presets": ["@babel/preset-react"]
}
```
With options:
```json
{
"presets": [
["@babel/preset-react", {
"pragma": "dom", // default pragma is React.createElement
"pragmaFrag": "DomFrag", // default is React.Fragment
"throwIfNamespace": false // defaults to true
}]
]
}
```
### Via CLI
```sh
babel --presets @babel/preset-react script.js
yarn add --save @babel/preset-react
```
### Via Node API
```javascript
require("@babel/core").transform("code", {
presets: ["@babel/preset-react"]
});
```
## Options
### `pragma`
`string`, defaults to `React.createElement`.
Replace the function used when compiling JSX expressions.
### `pragmaFrag`
`string`, defaults to `React.Fragment`.
Replace the component used when compiling JSX fragments.
### `useBuiltIns`
`boolean`, defaults to `false`.
Will use the native built-in instead of trying to polyfill behavior for any plugins that require one.
### `development`
`boolean`, defaults to `false`.
Toggles plugins that aid in development, such as [`@babel/plugin-transform-react-jsx-self`](https://babeljs.io/docs/plugins/transform-react-jsx-self/) and [`@babel/plugin-transform-react-jsx-source`](https://babeljs.io/docs/plugins/transform-react-jsx-source/).
This is useful when combined with either a `babelrc.js` or [env option in a .babelrc](https://babeljs.io/docs/usage/babelrc/#env-option) configuration:
### `throwIfNamespace`
`boolean`, defaults to `true`.
Toggles whether or not to throw an error if a XML namespaced tag name is used. For example:
<f:image />
Though the JSX spec allows this, it is disabled by default since React's JSX does not currently have support for it.
#### babelrc.js
```js
module.exports = {
presets: [
["@babel/preset-react", {
development: process.env.BABEL_ENV === "development",
}],
],
}
```
#### .babelrc
> Note: the `env` option will likely get deprecated soon
```json
{
"presets": ["@babel/preset-react"],
"env": {
"development": {
"presets": [
["@babel/preset-react", { "development": true }]
]
}
}
}
```
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc