React Source Render
An irreplaceable thing for sandbox with React.

Check source on Github

Solved problem

This component was initially designed to replace the existing render playground in Semantic UI React docs. React Source Render is designed to be used with Babel Standalone. The component consists from the parts:

rendering component
Babel plugin to transform imports and resoolve them
Babel plugin to transform code to IIFE

Quick Start

Live sandbox

Hello world!
Rendered HTML

Component props

babelConfigA config for Babel.
renderHtmlAn option that controls rendering of HTML with ReactDOM server, it allows to omit rendering when you are using portals.
resolverA function for the imports resolution.
sourceA string that contains the source code.
Proudly powered by Semantic UI