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
190
From FRP to React
@LilyStudio
Cee
April 12, 2015
Tweet
Share
More Decks by Cee
See All by Cee
CryptoBay
cee
1
68
How to make a Touch Bar app
cee
0
120
How to make an incredible speech
cee
1
93
From an idea to a product
cee
1
250
「SwiftGG Show」第六期 - Swift Notification Center【100mango】
cee
0
270
「SwiftGG Show」第二期 - Something you don’t know on Mac OS X【Cee】
cee
1
200
關於排版.pdf
cee
1
400
「SwiftGG Show」第一期 - Xcode Tips & Tricks【星夜暮晨】
cee
1
520
What Knowledge Is Important to a Software Professional?
cee
1
170
Other Decks in Programming
See All in Programming
個人軟體時代
ethanhuang13
0
320
Namespace and Its Future
tagomoris
6
700
Honoアップデート 2025年夏
yusukebe
1
920
TanStack DB ~状態管理の新しい考え方~
bmthd
2
490
Azure SRE Agentで運用は楽になるのか?
kkamegawa
0
1.7k
AI Coding Agentのセキュリティリスク:PRの自己承認とメルカリの対策
s3h
0
140
アプリの "かわいい" を支えるアニメーションツールRiveについて
uetyo
0
210
MLH State of the League: 2026 Season
theycallmeswift
0
230
🔨 小さなビルドシステムを作る
momeemt
3
660
デザイナーが Androidエンジニアに 挑戦してみた
874wokiite
0
190
AIコーディングAgentとの向き合い方
eycjur
0
260
print("Hello, World")
eddie
1
510
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
51
5.6k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Done Done
chrislema
185
16k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Documentation Writing (for coders)
carmenintech
74
5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
The Art of Programming - Codeland 2020
erikaheidi
55
13k
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