Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

LT about Cyclejs

Avatar for chooblarin chooblarin
May 19, 2017
Programming
0
280

LT about Cyclejs

Avatar for chooblarin

chooblarin

May 19, 2017
Tweet

More Decks by chooblarin

See All by chooblarin
第1回 作って動かすALife勉強会
Avatar for chooblarin chooblarin
0
710

Other Decks in Programming

See All in Programming
Microservices Platforms: When Team Topologies Meets Microservices Patterns
Avatar for Chris Richardson cer
PRO
1
910
認証・認可の基本を学ぼう前編
Avatar for kaza kouyuume
0
150
WebRTC と Rust と 8K 60fps
Avatar for tnoho tnoho
2
1.9k
なあ兄弟、 余白の意味を考えてから UI実装してくれ！
Avatar for Ryomm ktcryomm
10
11k
Evolving NEWT’s TypeScript Backend for the AI-Driven Era
Avatar for Rodrigo Ramirez xpromx
0
260
20 years of Symfony, what's next?

Avatar for Fabien Potencier fabpot
2
310
sbt 2
Avatar for kenji yoshida xuwei_k
0
180
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
Avatar for Manfred Steyer manfredsteyer
PRO
0
170
DSPy Meetup Tokyo #1 - はじめてのDSPy
Avatar for Masahiro Nishimi masahiro_nishimi
1
150
20251127_ぼっちのための懇親会対策会議
Avatar for kokamoto01 kokamoto01_metaps
2
400
FluorTracer / RayTracingCamp11
Avatar for kugi kugimasa
0
180
Integrating WordPress and Symfony
Avatar for Alexandre Salomé alexandresalome
0
120

Featured

See All Featured
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
7.9k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.9k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
960
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.9k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.2k

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. ありがとうございました