LT about Cyclejs

Transcript

1. Cycle.jsのLT NDSiN#12×Niigata.js×C4N May 20, 2017 @chooblarin
2. 自己紹介 • @chooblarin • 畠山 創太（はたけやま そうた） • Android/iOSのアプリ開発 • 今年の1月に新潟ʹ6λʔϯ͠·ͨ͠
3. CycleConfが先月に開催
4. 今日はCycle.js についてLTします
5. Disclaimer • 私はフロントエンドのエンジニアではありません • 雰囲気でJavaScriptを書いています • JavaScript最高⤴⤴
6. Cycle.js
7. Cycle.js is a JS framework created by @staltz
8. I am a Fun of him “The introduction to Reactive Programming you’ve been missing”
9. I am a Fun of him RxMarbles
10. 昨今のプログラミング • 状態（ステート）の管理は難しい • 非同期のプログラミングは難しい • 色々頑張っても結局これらは難しい
11. “André Staltz - Some problems with React/Redux”
12. “the frontend co!"unity is to continue searching for better solutions.” “first with jQuery et al, then Backbone, then Angular, and now React. Let’s not stop there.”
13. Cycle.jsの コンセプト
14. アプリ is 関数: (外界) => (外界)
15. main関数を分割する指針
16. MVIアーキテクチャ
17. MVI • Intent: (UserEvents) => (Action) • Model: (Action) => (State) • View: (State) => (Rendering) ※これら全てはただの関数にすぎない
18. main関数はComponent
19. そのmain関数は別のmain関数のComponent
20. Cycle.jsのフラクタル! https://500px.com/photo/4856941/fractal-by-didier-kobi
21. 最後にデモ
22. Marvel Character Search https://github.com/chooblarin/cyclejs-marvel
23. ありがとうございました