有難うReact有難うRedux。

1. .｡oO(さっちゃんですよヾ(〃l _ l)ﾉﾞ☆)

2. はじめに
お前が斧を投げる時
斧もまたお前を投げ
返してゐるのだ。

4. ？
？
？
？

5. 新しいフレームワークを紹介します。

7. 新しいフレームワークの使い方
• JSXを書きます。

9. 新しいフレームワークの使い方
• JSXを書きます。
• Matt-Esch/virtual-domを入れます。

10. npm install virtual-dom --save

11. 新しいフレームワークの使い方
• JSXを書きます。
• Matt-Esch/virtual-domを入れます。
• alexmingoia/jsx-transformでJSXをECMAScriptの函數に變換します。

14. 新しいフレームワークの使い方
• JSXを書きます。
• Matt-Esch/virtual-domを入れます。
• alexmingoia/jsx-transformでJSXをECMAScriptの函數に變換します。
• やりましたね！

15. やりましたね！

16. 新しいフレームワークを紹介します。
最初に戻って、

17. 新しいフレームワークを紹介します。
＿人人人人人人人＿
＞ ECMAScript ＜
￣Y^Y^Y^Y^Y^Y￣

18. ECMAScriptを使ふんだ！

19. ECMAScriptはいいぞ。

20. モジュール構成
.
├── app.js
├── lib.js
├── components
│ ├── AddTaskForm.jsx
│ ├── TaskList.jsx
│ └── Todo.jsx
├── models
│ └── Task.js
└── reducers
├── AddTaskFormReducer.js
└── TaskListReducer.js

21. メインの部分

22. React相当の部分

23. Redux相当の部分

24. コア部分 => 7.4KB (minify + gzip)

25. https://github.com/ne-sachirou/jsx_todo_sample

26. 私のFAQ
• webpackに? => webpackは素晴らしい。webpack歴30分で變換モ
ジュールが完成した。8行である。
• ESLintは? => ESLintはデフォルトでJSXに対応してゐる。
• JSXとは? => クラス (函數) をcomposeするDSLです。
• FAQ此れ丈? => 後はTODO。

27. フレームワークを求めるな。
ECMAScriptを使へ。