A plugin for babel provides s simple way to control react component/element display by porps
In
<div available="foo"></div>
Out
available("foo") ? React.createElement("div", null) : null
$ npm install babel-plugin-transform-react-available-component
.babelrc
{
"plugins": ["transform-react-available-component"]
}
$ babel --plugins transform-react-available-component script.js
require("babel-core").transform("code", {
plugins: ["transform-react-available-component"]
});