babel-plugin-react-require

babel-plugin-react-require

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

This plugin is only about dumb 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:

export default class Component {
  render() {
    return <div />
  }
}

will be transpiled into something like this:

import React from 'react'

export default class Component {
  render() {
    /* 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

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