社内LTで発表した React.js(0.14)の紹介

1. @irimo_hot
〜React.js について〜

2. DOM操作
つらい
無限 document.getElementById
または 無限 $.find

3. そこで

4. React.js

5. Facebookが作る
UIライブラリ

6. コンポーネント

7. デモ

8. 作り方

9. 読み込み
<script src="~~~react.js"></script>

10. var Artist = React.createClass({
render: function() {
<div>I LOVE {this.prop.artist}! </div>
}
});
ReactDOM.render(
<Artist artist="Perfume" />,
document.getElementById('content’)
);

11. 要素の値は
xhrで差し込んだり
ユーザ入力を
反映させたり

12. コンポーネントを
たくさん定義して
いれこにしたり
相互作用させたり

13. いいところ

14. 挙動が
サクサクに
見える

15. (変更分だけ反映
ウリ文句でもある)

16. 脳の
コンテキストスイッチ
コードを書く頭で
HTMLが書ける

17. こんなサイトに
+ページの更新が激しい
+通信が頻繁にある
+即時反映が求められる

18. ライブラリのつくりが
きっちりしている
ケアレスミスのバグ減る

19. わるいところ

20. スマホWebのろい
（→現状、PC Web と
ネイティブアプリ 向け）

21. なんてったって
α版

22. ドキュメント
古いバージョン
信用ならん。。
英語。。

23. 最新 ver(0.14) は
テスト動かない

24. 今じゃない

25. おわりに

26. 新しい概念
FLUX
Virtual
DOM

27. 大規模サイト向け
バグは少なくなるが、
設計などの、
開発コストが。。

28. 流行るかは・・・？

29. ご清聴
ありがとう
ございました
◟꒰◍´Д‵◍꒱◞