How to write MeteorJS and ReactJS in CoffeeScript?

Question

Node.js

Good day everyone. I started learning meteorjs and reactjs and got this problem. I can’t enter how to write react in coffeescript in meteor. Please throw guides or tutorials or explain how it's done.
The sequence of my actions:

• $ meteor create app
  
• cd app
  
• meteor remove autopublish insecure
  
• meteor add coffeescript stylus mquandalle:jade react jhartma:cjsx
  

Next, following this instruction, I create a file:

hello.jade

head
  title Todo List
body
  #render-target

and file

hello.cjsx

if Meteor.isClient
  Meteor.startup ->
    App = React.createClass
      displayName: 'App'
      render: ->
        <div>Hi?</div>
    React.render <App />, document.getElementById 'render-target'

If you do so, then the template is rendered. If you move the created component to a separate file, it gives an error
Uncaught ReferenceError: App is not defined

hello.cjsx

if Meteor.isClient
    React.render <App />, document.getElementById 'render-target'

app.cjsx

App = React.createClass
  displayName: 'App'
    render: ->
      <div>Hi?</div>

Help me to understand.

Answer 1

Thanks everliving . You need to make the component global via @

Answer 2

You need to install the package in meteor

Answer 3

Required packages for CS:
coffeescript
jhartma:cjsx - a small tutorial
Official package for React:
also started with CS at first, but I think ES6 is better

Answer 4

How to write it in cjsx ?

renderTasks() {
    return this.getTasks().map((task) => {
      return <Task key={task._id} task={task} />;
    });
}

Github source