define [
  'react'
  'jsx/header'
  'jsx/articles'
], (React, HeaderComponent, ArticlesComponent) ->

  PreviewComponent = React.createClass

    componentWillMount: ->
      { @articles } = @props

    render: ->
      `<div>
        <HeaderComponent />
        <ArticlesComponent articles={ this.articles } />
        <button onClick={ this.loadMore }>Load More</button>
      </div>`

    loadMore: (e) ->
      @articles.fetch().then (resp) => @forceUpdate()