react-renderer v0.1.4

React Renderer

Rendering utility to prepend, append react-object to container.

Example

var React = require('react');
var ReactRenderer = require('react-renderer');

var ExampleBox = React.createClass({
  render: function() {
    return (
      <div className="message-box">
      	<div className="message">Pthis.props.message}</div>
      </div>
    )
  }
});

ReactRenderer.render(<ExampleBox message="render!"/>, document.getElementById('react-div'));
ReactRenderer.append(<ExampleBox message="append!"/>, document.getElementById('react-div'));
ReactRenderer.prepend(<ExampleBox message="prepend!"/>, document.getElementById('react-div'));
ReactRenderer.render(<ExampleBox message="render-2!"/>, document.getElementById('react-div'));

or

var React = require('react');
var ReactRenderer = require('react-renderer');
var rendererParams = {
  wrapperClass: 'boxbox'
}
var rr = ReactRenderer.constructor(rendererParams);

var ExampleBox = React.createClass({
  render: function() {
    return (
      <div className="message-box">
      	<div className="message">Pthis.props.message}</div>
      </div>
    )
  }
});

rr.render(<ExampleBox message="render!"/>, document.getElementById('react-div'));
rr.append(<ExampleBox message="append!"/>, document.getElementById('react-div'));
rr.prepend(<ExampleBox message="prepend!"/>, document.getElementById('react-div'));
rr.render(<ExampleBox message="render-2!"/>, document.getElementById('react-div'));