React.js Introduction for People Who Know Just Enough JQuery(reactfordesigners.com)

  return <ul>
    {this.props.items.map(item => <li>{item}</li>)}
  </ul>;

  <ul ng-repeat="item in items">
    <li>{{ item }}</li>
  </ul>

    <ul><li ng-repeat="item in items">{{item}}</li></ul>

    <ul><li rt-repeat="item in this.state.items">{item}</li></ul>

    - This step helps us define the look and feel of the product before jumping into code. However these are not full page mockups. It's more like an internal UI kit, and for the most part, it's fairly standard across products. So we don't have to update it often.

    - Again, this is fairly standard so it's mostly templatized. We have an internal UI styleguide that's built already. So most of the changes per product are minimal (they're mostly small tweaks to give each product more character).

    - Since we use a template for each new prototype things like routing and more complex Angular concepts are already set up. Because of this designers aren't forced to approach the steep part of the hockey stick. They can stick to the view layer.

    $ lsb_release -a
    No LSB modules are available.
    Distributor ID:	Ubuntu
    Description:	Ubuntu 14.10
    Release:	14.10
    Codename:	utopic

    $ google-chrome --version
    Google Chrome 43.0.2357.132