React DOM wrapper
Clone or download
Latest commit 2ff0284 Oct 4, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
test Support React v16 (#46) Oct 4, 2017
.gitignore isRendered === false -> falsy like JSX rendering behavior Jul 20, 2015
.travis.yml remove node v6 testing Jul 18, 2016
CHANGELOG.md Update changelog Oct 4, 2017
LICENSE Cleanup for initial release Jan 12, 2015
README.md Merge pull request #40 from uber/travisVersions Jul 19, 2016
index.js Support React v16 (#46) Oct 4, 2017
package-lock.json 2.4.0 Oct 4, 2017
package.json 2.4.0 Oct 4, 2017

README.md

r-dom Build Status

React DOM wrapper.

Usage

var React = require('react');
var r = require('r-dom');

var AnotherComponent = require('./another-component');

module.exports = React.createClass({
  render: function render() {
    return (
      r.div({className: 'example'}, [
        r.h1('Hello World!'),
        r.h2('This is React.js markup'),
        r(AnotherComponent, {foo: 'bar'}),
        r.div({
          classSet: { // Automatically use `classnames` module for classSet
            foo: this.props.foo,
            bar: this.props.bar
          },
          isRendered: this.props.foo // div won't render if isRendered is falsy
        })
      ])
    );
  }
});

Documentation

r[tag]([properties], [children])

Returns a React element

  • tag String - A React.DOM tag string
  • properties Object optional - An object containing the properties you'd like to set on the element.
  • children Array|String optional - An array of r children or a string. This will create child elements or a text node, respectively.

r(component, [properties], [children])

Returns a React element

  • component Function - A React.js Component class created with React.createClass
  • properties Object optional - An object containing the properties you'd like to set on the element.
  • children Array|String optional - An array of r children or a string. This will create child elements or a text node, respectively.

Special Properties

  • isRendered "Boolean" optional - If falsy, React will skip rendering the target component.
  • classSet Object optional - Apply classnames and assign to className.