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