3cad287233
Either due to lower parsing costs or better type inference, this seems to perform better than direct object inlining. (All along, the main win was skipping a loop through props, not avoiding a function call.)
babel-plugin-transform-react-inline-elements
Turn JSX elements into exploded React objects
Installation
$ npm install babel-plugin-transform-react-inline-elements
Usage
Via .babelrc (Recommended)
.babelrc
{
"plugins": ["transform-react-inline-elements"]
}
Via CLI
$ babel --plugins transform-react-inline-elements script.js
Via Node API
require("babel-core").transform("code", {
plugins: ["transform-react-inline-elements"]
});