babel-transform-js-to-jsx

JS to JSX

Babel 6 plugin to convert from desugared React.DOM CallExpressions -> the equivalent JSX. Currently used to migrate to ES6+ from other compile to JS languages.

It can be used as a plugin:

require("babel-core").transform(code, {
  plugins: ["js-to-jsx", "syntax-jsx"],
}).code

Or from the command line for composition with other tools:

npm install babel-plugin-js-to-jsx
cat example.ls | lsc -cb --no-header | js-to-jsx | esformatter -c format.json

ES6

As this plugin aims to help upgrades to ES6, it also contains the following opt-in transforms:

• Functions -> Arrow Functions, if this is not used.
• CommonJS -> ES6 imports
• Removal of React.createFactory

They can be used like this:

require("babel-core").transform(code, {
  plugins: [
    "js-to-jsx",
    "js-to-jsx/es6/modules",
    "js-to-jsx/es6/arrow-functions",
    "js-to-jsx/es6/remove-dom-shim",
    "js-to-jsx/es6/unhoist-variables",
    "syntax-jsx"
  ]
}).code