This component allows you to encapsulate your entire React application or per component in an iFrame.

npm install --save react-frame-component

var Frame = require('react-frame-component');

Go check out the [demo] demo-url.

var Header = React.createClass({
  render: function() {
    return (
      <Frame>
        <h1>{this.props.children}</h1>
      </Frame>
    );
  }
});

React.render(<Header>Hello</Header>, document.body);

Or you can wrap it at the render call.

React.render(
  <Frame>
    <Header>Hello</Header>
  </Frame>,
  document.body
);

I wrote a [blog post] blog-url about building this component.

Copyright 2014, Ryan Seddon. This content is released under the MIT license http:https://ryanseddon.mit-license.org