Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vslinko/babel-plugin-react-require

Babel plugin that adds React import declaration if file contains JSX tags
https://github.com/vslinko/babel-plugin-react-require

babel babel-plugin react

Last synced: 7 days ago
JSON representation

Babel plugin that adds React import declaration if file contains JSX tags

Awesome Lists containing this project

README

        

# babel-plugin-react-require

Babel plugin that adds React import declaration if file contains JSX tags.

This plugin is only about stateless components that doesn't extends `React.Component`.
If you want to use any other React functions then you should import their by yourself.

## Example

Your `component.js` that contains this code:

```js
export default function Component() {
return (


);
}
```

will be transpiled into something like this:

```js
import React from 'react';

export default function Component() {
/* this part will be transpiled by babel itself as usual */
return (
React.createElement('div')
);
}
```

## Usage

* Install `babel-plugin-react-require`.

```
npm install babel-plugin-react-require --save-dev
```

* Add `react-require` into `.babelrc`. This plugin should be defined before `transform-es2015-modules-commonjs` plugin because it's using ES2015 modules syntax to import `React` into scope.

```json
{
"plugins": [
"react-require"
]
}
```