npm.devtool.tech
👏 You can access babel-plugin-react-require package with using babelPluginReactRequire variable in browser devtools!
Babel plugin that adds React import declaration if file contains JSX tags.

code/package/bundle size

0B
publish
0B
install
0B
bundle minified
0B
bundle gzipped

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:

export default function Component() {
  return (
    <div />
  );
}

will be transpiled into something like this:

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.
{
  "plugins": [
    "react-require"
  ]
}
🔎Explore Package🔎CDN Script

Score

Popularity23/100
Quality84/100
Maintenance100/100