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
From FRP to React
Search
Cee
April 12, 2015
Programming
2
180
From FRP to React
@LilyStudio
Cee
April 12, 2015
Tweet
Share
More Decks by Cee
See All by Cee
CryptoBay
cee
1
63
How to make a Touch Bar app
cee
0
110
How to make an incredible speech
cee
1
93
From an idea to a product
cee
1
240
「SwiftGG Show」第六期 - Swift Notification Center【100mango】
cee
0
260
「SwiftGG Show」第二期 - Something you don’t know on Mac OS X【Cee】
cee
1
190
關於排版.pdf
cee
1
390
「SwiftGG Show」第一期 - Xcode Tips & Tricks【星夜暮晨】
cee
1
510
What Knowledge Is Important to a Software Professional?
cee
1
160
Other Decks in Programming
See All in Programming
deno-redisの紹介とJSRパッケージの運用について (toranoana.deno #21)
uki00a
0
150
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
180
Haskell でアルゴリズムを抽象化する / 関数型言語で競技プログラミング
naoya
17
4.9k
エンジニア向け採用ピッチ資料
inusan
0
160
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
seike460
PRO
1
330
What Spring Developers Should Know About Jakarta EE
ivargrimstad
0
240
型付きアクターモデルがもたらす分散シミュレーションの未来
piyo7
0
810
「Cursor/Devin全社導入の理想と現実」のその後
saitoryc
0
150
ReadMoreTextView
fornewid
1
480
技術同人誌をMCP Serverにしてみた
74th
1
350
童醫院敏捷轉型的實踐經驗
cclai999
0
190
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
takuyakatsusa
2
360
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
Balancing Empowerment & Direction
lara
1
370
Designing for Performance
lara
609
69k
Site-Speed That Sticks
csswizardry
10
660
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
124
52k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.8k
Side Projects
sachag
455
42k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
700
GraphQLとの向き合い方2022年版
quramy
48
14k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
How STYLIGHT went responsive
nonsquared
100
5.6k
Transcript
FROM FRP TO REACT Cee@LilyStudio 15.04.12
FUNCTIONAL REACTIVE PROGRAMMING • Functional vs. Imperative • Lambda Calculus
• Reactive vs. Imperative • a = b + c
WHAT WE CONCERN • Input and Output
“The output is a function of all inputs up to
that time.”
WHAT WE CONCERN • Input and Output • State
MVC • Model • View • Controller
MVVM • Model • View • View Model
• Data-binding • Subscribe and Observable
FRAMEWORKS • Web: Angular, React • iOS: ReactiveCocoa • Android:
RoboBinding • Cross: React-native
REACTIVECOCOA • Stream: Signal and Sequence • Subscribe: Next, Error
and Completed • Transformations: Filter, Map, Reduce, Fold… • Dealing with Async Methods • Chaining Dependent Operations
EXAMPLE • Login Page
REACT • Virtual DOM • Render Page and Re-render •
Component
EXAMPLE • Simple Component
REFERENCES • Wiki: Functional Programming • Wiki: Reactive Programming •
Input and Output
THE END