half-life
@half-life

Как писать MeteorJS и ReactJS на CoffeeScript?

Всем день добрый. Начал изучать meteorjs и reactjs и появилась вот такая проблема. Не могу въехать как на coffeescript писать react в meteor'e. Подкиньте пожалуйста гайдов или туториалов или обьясните как это делается.

Последовательность моих действий:
  • $ meteor create app
  • cd app
  • meteor remove autopublish insecure
  • meteor add coffeescript stylus mquandalle:jade react jhartma:cjsx

Далее следуя этой инструкции создаю файл:
hello.jade
head
  title Todo List
body
  #render-target


и файл
hello.cjsx
if Meteor.isClient
  Meteor.startup ->
    App = React.createClass
      displayName: 'App'
      render: ->
        <div>Hi?</div>
    React.render <App />, document.getElementById 'render-target'


Если делать так, то шаблон рендериться. Если вынести созданый компонент в отдельный файл, то выдает ошибку
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>


Помогите разобраться.
  • Вопрос задан
  • 722 просмотра
Решения вопроса 1
half-life
@half-life Автор вопроса
Спасибо everliving. Нужно делать компонент глобальным через @
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 3
Надо установить пакет в метеоре
Ответ написан
@everliving
Нужные пакеты для CS:
coffeescript
jhartma:cjsx
— небольшой туториал
Официальный пакет для React:
react

Вначале тоже начал с CS, но думаю, что лучше ES6
Ответ написан
Комментировать
Как написать это в cjsx?

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

Исходник Github
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы