A simple wrapper around React.DOM
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README.md
main.js
package.json

README.md

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.