React Playground Lite
This component renders JSX in a code editor to be live evaluated in a viewer component. The lite component creates a playground with a code mirror editor and is styled via CSS so does not have styled-components as a dependency.
Install
npm install --save react-playgrond-styled
Usage
<ReactPlaygroundLite defaultValue='<button>Click</button>'/>
Will render a code editor as text area with the content <button>click</button>
and a DOM button will appear in a div while any errors will be rendered in pre
element.
Thanks
This component was developed at NCR Edinburgh.