React components within an iframe for isolated css styling

npm install react-frame --save 

Notice: There is a warning in react development mode.

Warning: render(): Rendering components directly into document.body is discouraged, since its children are often manipulated by third-party scripts and browser extensions. This may lead to subtle reconciliation issues. Try rendering into a container element created for your app.

https://pqx.github.io/react-frame

<Frame styleSheets={['frame1.css']} css={'body{background-color:#eee;}'}> <div className="title"> Parturient Ipsum Cursus Purus Justo </div> </Frame>

MIT