react-tags

Composable HTML tag functions to use with Facebook's React.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
react-tags
0.2.210 years ago10 years agoMinified + gzip package size for react-tags in KB

Readme

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()
    });
  }
});

For a non-React flavor of this library, check out wut.