Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
LT about Cyclejs
Search
chooblarin
May 19, 2017
Programming
0
200
LT about Cyclejs
chooblarin
May 19, 2017
Tweet
Share
More Decks by chooblarin
See All by chooblarin
第1回 作って動かすALife勉強会
chooblarin
0
540
Other Decks in Programming
See All in Programming
Scalable Customer Journey Orchestration (CJO)
lewuathe
0
330
『Railsオワコン』と言われる時代に、なぜブルーモ証券はRailsを選ぶのか
free_world21
0
250
はてなにおける CSS Modules、及び CSS Modules に足りないもの / CSS Modules in Hatena, and CSS Modules missing parts
mizdra
7
930
Java 22 Overview
kishida
1
180
GraphQLサーバの構成要素を整理する #ハッカー鮨 #tsukijigraphql / graphql server technology selection
izumin5210
4
840
MicrosoftのPlatform Engineeringガイドを読んで実際になにかやってみた
ymd65536
1
340
初心者のためのRubyKaigi入門/RubyKaigi Introduction
a_matsuda
1
710
二郎系ラーメンのコールで学ぶ AST 解析
memory1994
PRO
7
1.7k
Milestoner
bkuhlmann
1
410
Prepare for Jakarta EE 11 - Performance and Developer Productivity
ivargrimstad
0
800
大規模UIKitベースアプリへのTCAの段階的導入/gradual-adoption-of-tca-in-a-large-scale-uikit-based-app
takehilo
1
180
Behind VS Code Extensions for JavaScript / TypeScript Linnting and Formatting
unvalley
5
920
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
BBQ
matthewcrist
80
8.8k
10 Git Anti Patterns You Should be Aware of
lemiorhan
648
58k
Designing on Purpose - Digital PM Summit 2013
jponch
110
6.5k
Writing Fast Ruby
sferik
621
60k
Documentation Writing (for coders)
carmenintech
60
3.9k
Faster Mobile Websites
deanohume
299
30k
Testing 201, or: Great Expectations
jmmastey
28
6.4k
Code Reviewing Like a Champion
maltzj
514
39k
Building Applications with DynamoDB
mza
88
5.6k
GraphQLとの向き合い方2022年版
quramy
32
12k
Transcript
Cycle.jsのLT NDSiN#12×Niigata.js×C4N May 20, 2017 @chooblarin
自己紹介 • @chooblarin • 畠山 創太(はたけやま そうた) • Android/iOSのアプリ開発 •
今年の1月に新潟ʹ6λʔϯ͠·ͨ͠
CycleConfが先月に開催
今日はCycle.js についてLTします
Disclaimer • 私はフロントエンドのエンジニアではありません • 雰囲気でJavaScriptを書いています • JavaScript最高⤴⤴
Cycle.js
Cycle.js is a JS framework created by @staltz
I am a Fun of him “The introduction to Reactive
Programming you’ve been missing”
I am a Fun of him RxMarbles
昨今のプログラミング • 状態(ステート)の管理は難しい • 非同期のプログラミングは難しい • 色々頑張っても結局これらは難しい
“André Staltz - Some problems with React/Redux”
“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.”
Cycle.jsの コンセプト
アプリ is 関数: (外界) => (外界)
main関数を分割する指針
MVIアーキテクチャ
MVI • Intent: (UserEvents) => (Action) • Model: (Action) =>
(State) • View: (State) => (Rendering) ※これら全てはただの関数にすぎない
main関数はComponent
そのmain関数は別のmain関数のComponent
Cycle.jsのフラクタル! https://500px.com/photo/4856941/fractal-by-didier-kobi
最後にデモ
Marvel Character Search https://github.com/chooblarin/cyclejs-marvel
ありがとうございました