6.23.1 • Published 2 years ago
babel-plugin-transform-dulcet-constant-elements v6.23.1
babel-plugin-transform-dulcet-constant-elements
Treat Dulcet JSX elements as value types and hoist them to the highest scope
Example
In
const Hr = () => {
return <hr className="hr" />;
};
Out
const _ref = <hr className="hr" />;
const Hr = () => {
return _ref;
};
Deopts
Spread Operator
<div {...foobar} />
Refs
<div ref="foobar" /> <div ref={node => this.node = node} />
Installation
npm install --save-dev babel-plugin-transform-dulcet-constant-elements
Usage
Via .babelrc
(Recommended)
.babelrc
{
"plugins": ["transform-dulcet-constant-elements"]
}
Via CLI
babel --plugins transform-dulcet-constant-elements script.js
Via Node API
require("babel-core").transform("code", {
plugins: ["transform-dulcet-constant-elements"]
});