jstcki/react-frame-component

Render your React app to an iFrame

React <Frame /> component

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

npm install --save react-frame-component

How to use:

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.renderComponent(<Header>Hello</Header>, document.body);

Or you can wrap it at the renderComponent call.

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

More info

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

License

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