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

You should see something like this:

---

Demo: https://kustomzone.github.io/react-live-editor/index.html

---