Web Frontend in 2016

eureka

Sogo Ohta

自己紹介

pairs事業部 エンジニア

太田宗吾

Web Frontend in 2016

Reactの特徴

Declarative

宣言的

var CommentList = React.createClass({
  render: function() {
    var commentNodes = this.props.data.map(function(comment) {
      return (
        <Comment author={comment.author} key={comment.id}>
          {comment.text}
        </Comment>
      );
    });
    return (
      <div className="commentList">
        {commentNodes}
      </div>
    );
  }
});

データが変更されたら

ビュー全体を書き直す(ように書ける)

Component-Based

コンポーネントベース

カプセル化したコンポーネントを組み合わせて

複雑なアプリを構成できる

https://speakerdeck.com/koba04/reactfalsezui-xin-dong-xiang-tobesutopurakuteisu

Learn Once,Write Anywhere

TypeScript

救世主

ES2015

静的型付け

Thank you!