Is there a “Try Coffee-React” page like on coffeescript.org?

[alanhogan]

One of the trickiest things about writing CoffeeScript is that sometimes its syntax doesn’t compile into exactly the JS one thought it might. For this reason, the coffeescript.org “Try CoffeeScript” widget is invaluable.

I would want to be able to use the same sort of tool, one that enables paste-and-check, with whatever .cjsx I write. Is there such a page or tool already?

[jsdf]

Good Idea... Doesn't exist as yet but it should.

[jsdf]

Here you go: http://jsdf.github.io/coffee-react-transform/

[alanhogan]

@jsdf That’s awesome, thanks. (Just got back from vacation recently)

I may have misunderstood coffee-react-transform. I guess I got it confused with coffee-react, which is a "drop-in replacement for the coffee executable”. I was expecting the transform demo to compile all the way to JavaScript.

To be clear, this demo tool is still very helpful.

What’s still missing is the ability for someone who is writing CJSX and wonders exactly what the equivalent JS is, to paste an arbitrary chunk of their code (possibly just CoffeeScript, possibly — and problematically — CoffeeScript with JSX syntax) into a converter to see what the browser will see.

Do you see what the problem is? No one preview tool handles all the conversions right now.

[jsdf]

Yep, I plan to add a tab with js output also, there is just currently a bug in coffee react which only occurs in the browser which I need to fix first

[alanhogan]

awesomesauce

[alanhogan]

Oh — I created a Fluid app for your tool (on my computer) and created this icon for it. It’s nothing special, but if you want to add it to your page as a favicon or other sort of icon, feel free.

Source zip here (in Acorn format)

[jsdf]

Neat, thanks for that!

[DylanPiercey]

Can we get this "http://jsdf.github.io/coffee-react-transform/" added to the README? It's very useful.