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
パッケージ設計の黒魔術/Kyoto.go#63
lufia
3
440
Improving my own Ruby thereafter
sisshiki1969
1
160
Flutter with Dart MCP: All You Need - 박제창 2025 I/O Extended Busan
itsmedreamwalker
0
150
MCPでVibe Working。そして、結局はContext Eng(略)/ Working with Vibe on MCP And Context Eng
rkaga
5
2.3k
ユーザーも開発者も悩ませない TV アプリ開発 ~Compose の内部実装から学ぶフォーカス制御~
taked137
0
190
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
430
テストカバレッジ100%を10年続けて得られた学びと品質
mottyzzz
2
610
go test -json そして testing.T.Attr / Kyoto.go #63
utgwkk
3
320
詳解!defer panic recover のしくみ / Understanding defer, panic, and recover
convto
0
250
ぬるぬる動かせ! Riveでアニメーション実装🐾
kno3a87
1
230
アプリの "かわいい" を支えるアニメーションツールRiveについて
uetyo
0
280
チームのテスト力を鍛える
goyoki
3
950
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
53
7.8k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.2k
The Power of CSS Pseudo Elements
geoffreycrofte
77
6k
A Modern Web Designer's Workflow
chriscoyier
696
190k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
820
Done Done
chrislema
185
16k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.5k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Speed Design
sergeychernyshev
32
1.1k
Balancing Empowerment & Direction
lara
3
630
Embracing the Ebb and Flow
colly
87
4.8k
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