coffeescript 2.0

gistfile1.txt

import React, Reapp, View, NestedViewList, List from 'reapp'
import RefreshButton, RotatingLoadingIcon, ArticleItem
 
Article
  @state = { refreshing: false }
 
  mount
    :articlesHotLoad
 
  refresh
    :articlesHotRefresh <> @state.refreshing
 
  load
    :articlesHotLoadMore <> @state.refreshing
 
  render
    articles = @hotArticles
    article = @[email protected]
 
    NestedViewList @props.viewListProps
      View title="Hot Articles" titleRight=<RefreshButton onTap=@handleRefresh [email protected] />
        if articles
          <div style=styles.iconContainer>
            <RotatingLoadingIcon />
          </div>
        else
          List
            articles.map(article, i =>
              ArticleItem article=store.getIn(['articles', article, 'data'])

            List.Item styles=styles.loadMore onTap=@handleLoadMore
              Load More

      props.child({ article })
 
styles =
  iconContainer:
    padding: 20
    marginLeft: -10
  loadMore:
    content:
      textAlign: 'center'
      padding: 20