react-tags
A simple wrapper around React.DOM
.
Write a({href: 'http://github.com'}, 'hello')
instead of React.DOM.a({href: 'http://github.com'}, 'hello')
.
Experimental.
Synopsis:
var React = require('React');
var SiteBoilerPlate = require('../core/SiteBoilerPlate.js'); // customize
require('react-tags').pollute(this, React); // explicitly pollute scope with tags
var content = function() {
return div({},
p({}, "A paragraph!"),
ul({},
li({}, "one"),
li({}, "two"),
li({}, a({href: "http://github.com"}, "three"))
),
div({},
h3({}, "Hello world"),
p({}, "some content")
)
);
};
var hello = React.createClass({
render: function() {
return SiteBoilerPlate({
children: content()
});
}
});
Installation:
npm install react-tags
For a non-React flavor of this library, check out wut
.