React.js outputs to the jsc: ReferenceError: <component> is not defined
Taken from my GitHub issue in the react-rails repo, jakubmal answered:
CoffeeScript creates a closure, which will likely look like:
(function() { var div, hello; div = React.DOM.div; Hello = React.createClass({ render: function() { return div({}, ['Hello ' + this.props.name]); } });}).call(this);making
Helloinaccessible outside the closure.What you could do is to assign
Helloto window like:window.Hello = React.createClassor using a shortcut/trick:
@Hello = React.createClassTo keep your app structure clean, you will need to apply at least a namespace pattern here. http://addyosmani.com/blog/essential-js-namespacing/
Additionally, in the react-rails google group, Paul O'Shannessy wrote:
The helper is pretty naive and expects your components to be available as globals. Coffeescript wraps each file in a closure before they get joined by sprockets which violates the global assumption. This came up during development but we decided something for some people would be better than nothing for anybody.