Show HN: React-live

https://dariocravero.github.com/react-live

by uxtemple • 11 years ago

31 12 11 years ago

dariocravero.github.com

jauco• 11 years ago

FYI:

    Refused to execute script from 'https://rawgithub.com/ajaxorg/ace-builds/master/src/ace.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

in chrome

swah2• 11 years ago

To me: "Please contact its owner and ask them to use cdn.rawgit.com instead, which has no traffic limit."

peri2• 11 years ago

Sorry, I am having this problem in another browser, who should the GP contact?

uxtemple• 11 years ago

Hi all, react-live author here.

Thanks for the heads up and sorry for not using cdn.rawgit.com before!

Thanks for the PR as well, it was just merged :)

The code is updated now and I've also done a little fix to the CSS, feel free to fork it with other Flux frameworks / React libraries.

yoctonaut• 11 years ago

From the Safari console:

   SyntaxError: Unexpected token '<' [ace.js:0]

   ReferenceError: Can't find variable: ace

   TypeError: undefined is not an object (evaluating 'this.state.editor.getSession')

Aha: hosting ace.js on rawgithub has earned you a blacklisting for abuse, on the grounds of too many requests. Using cdn.rawgit.com instead of rawgit.com should fix it.

joelburget• 11 years ago

I built something similar. It's meant to duplicate the live editing functionality on the React homepage. My repo has components for live compilation of react code, the codemirror editor, and using both of them together.

demo: http://joelburget.github.io/react-live-editor/

code: https://github.com/joelburget/react-live-editor

kaoD• 11 years ago

While the asset URLs are updated to the CDN, here's the GitHub repo: https://github.com/dariocravero/react-live/

ldng• 11 years ago

Not working for me. Firefox 35 on Linux. No console error. I have it working in Chromium.

drum• 11 years ago

Worked well for me in Chrome. One very minor suggestion - perhaps you should add the text "You can dump stuff on #el" to the code to show beginners where to edit.

pbreit• 11 years ago

Any hint on what I should do to try it out? How do I dump something on #el?

Show HN: React-live

Related Stories