5 ms·

Show HN: React-live

31 points by uxtemple 12y ago

jauco 12y 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
- swah 12y ago
  To me: "Please contact its owner and ask them to use cdn.rawgit.com instead, which has no traffic limit."
  - peri 12y ago
    Sorry, I am having this problem in another browser, who should the GP contact?
    - swah 12y ago
      Sorry, that was another error that I got!
      - peri 12y ago
        No worries! I've been swapping between laptop and personal litigious fruit pad so I wasn't sure if it was me or you
  - uxtemple 12y 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 12y 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 12y 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/ http://joelburget.github.io/react-live-editor/ code: https://github.com/joelburget/react-live-editor https://github.com/joelburget/react-live-editor
kaoD 12y ago
While the asset URLs are updated to the CDN, here's the GitHub repo: https://github.com/dariocravero/react-live/ https://github.com/dariocravero/react-live/
deleted 12y ago
[deleted]
markmm 12y ago
First rule of Showing off your new project. Make sure it works. I get blank page.
ldng 12y ago
Not working for me. Firefox 35 on Linux. No console error. I have it working in Chromium.
drum 12y 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 12y ago
Any hint on what I should do to try it out? How do I dump something on #el?

31 points by uxtemple 12y ago

jauco 12y 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

swah 12y ago
To me: "Please contact its owner and ask them to use cdn.rawgit.com instead, which has no traffic limit."
- peri 12y ago
  Sorry, I am having this problem in another browser, who should the GP contact?
  - swah 12y ago
    Sorry, that was another error that I got!
    - peri 12y ago
      No worries! I've been swapping between laptop and personal litigious fruit pad so I wasn't sure if it was me or you
- uxtemple 12y 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 12y 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 12y 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/ http://joelburget.github.io/react-live-editor/ code: https://github.com/joelburget/react-live-editor https://github.com/joelburget/react-live-editor

kaoD 12y ago

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

deleted 12y ago

[deleted]

markmm 12y ago

First rule of Showing off your new project. Make sure it works. I get blank page.

ldng 12y ago

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

drum 12y 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 12y ago

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