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
56
How to make a Touch Bar app
cee
0
99
How to make an incredible speech
cee
1
87
From an idea to a product
cee
1
220
「SwiftGG Show」第六期 - Swift Notification Center【100mango】
cee
0
220
「SwiftGG Show」第二期 - Something you don’t know on Mac OS X【Cee】
cee
1
160
關於排版.pdf
cee
1
360
「SwiftGG Show」第一期 - Xcode Tips & Tricks【星夜暮晨】
cee
1
450
What Knowledge Is Important to a Software Professional?
cee
1
150
Other Decks in Programming
See All in Programming
Cohesion in Modeling and Design
mploed
3
200
[KR] Server Driven Compose With Firebase
skydoves
2
200
CDKを活用した 大規模コンテナ移行 プロジェクトの紹介
yoyoyopg
0
300
WEBアプリケーションにおけるAWS Lambdaを用いた大規模な非同期処理の実践
delhi09
PRO
7
4.1k
CSC509 Lecture 02
javiergs
PRO
0
160
DevFest Android in Korea 2024 - 안드로이드의 문단속 : 앱을 지키는 암호화 이야기
mdb1217
1
150
自分だけの世界を創るクリエイティブコーディング / Creative Coding: Creating Your Own World
chobishiba
2
1k
CSC509 Lecture 03
javiergs
PRO
0
140
データフレームライブラリ徹底比較
daikikatsuragawa
2
100
メルカリ ハロ アプリの技術スタック
atsumo
2
790
What is TDD?
urakawa_jinsei
1
220
モジュラモノリス、その前に / Modular monolith, before that
euglena1215
6
680
Featured
See All Featured
For a Future-Friendly Web
brad_frost
174
9.3k
Infographics Made Easy
chrislema
239
18k
VelocityConf: Rendering Performance Case Studies
addyosmani
325
23k
A Modern Web Designer's Workflow
chriscoyier
692
190k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.5k
Raft: Consensus for Rubyists
vanstee
136
6.6k
Fashionably flexible responsive web design (full day workshop)
malarkey
404
65k
How to Think Like a Performance Engineer
csswizardry
16
1k
The Art of Programming - Codeland 2020
erikaheidi
51
13k
Optimizing for Happiness
mojombo
375
69k
Fontdeck: Realign not Redesign
paulrobertlloyd
81
5.2k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
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