Rev.pullInto(this) 'Input', 'Textarea', 'Button'

LazyMessage = Rev.appComponent 'LazyMessage',
  mixins: [Rev.Mixins.BackboneStore]

  render: ->
    @store.prepare
      collection: "messages"
      model: @props.id
      onWait: => <li>Loading message...</li>
      onSuccess: (message) => @store.prepare
        collection: "users"
        model: message.get "user_id"
        onWait: => <li>Message is loaded. Loading user...</li>
        onSuccess: (user) => <li>{"#{user.get 'name'} says: \"#{message.get 'body'}\""}</li>
        onError: => <li>FAILED.</li>

LazyConversation = Rev.appComponent 'LazyConversation',
  mixins: [Rev.Mixins.BackboneStore]

  render: ->
    @store.prepare
      collection: "conversations"
      model: @props.id
      onWait: => <div>LOADING CONVERSATION...</div>
      onSuccess: (conversation) => <ul>
        {conversation.get("message_ids").map (id) ->
          <LazyMessage key={id} id={id} />
        }
      </ul>

Rev.appComponent 'Test',
  mixins: [App.Mixins.Test, Rev.Mixins.BackboneStore]

  render: ->
    <div>
      <div>{@props.propFromTestMixin}</div>
      <LazyConversation id={1} />
      <button onClick={@onClickRerender}>Re-render.</button>
    </div>

  onClickRerender: ->
    @forceUpdate()