live coding react components

This repo provides one webpage and three components.

jsx-compiler.html

A simple example of <LiveEditor> in use.

code-mirror-editor.jsx

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

live-compile.jsx

Dynamic compilation of react components.

live-editor.jsx

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

Running the demo

• run make
• run python -m SimpleHTTPServer
• visit http://localhost:8000/jsx-compiler.html