/react-live-editor

live editing react components

Primary LanguageJavaScript

live coding react components

This repo provides one webpage and three components.

index.html

A simple example of <LiveEditor> in use.

code-mirror-editor.js

A code mirror react component (called <CodeMirrorEditor> since code mirror took the name CodeMirror).

live-compile.js

Dynamic compilation of react components.

live-editor.js

Combination of <CodeMirrorEditor> and <ComponentPreview> which live-compiles what you type!

Running the demo

> webpack
> open index.html

You should see something like this: