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
64
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
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
Systèmes distribués, pour le meilleur et pour le pire - BreizhCamp 2025 - Conférence
slecache
0
120
第9回 情シス転職ミートアップ 株式会社IVRy(アイブリー)の紹介
ivry_presentationmaterials
1
320
A2A プロトコルを試してみる
azukiazusa1
2
1.4k
すべてのコンテキストを、 ユーザー価値に変える
applism118
3
1.3k
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
700
Quand Symfony, ApiPlatform, OpenAI et LangChain s'allient pour exploiter vos PDF : de la théorie à la production…
ahmedbhs123
0
190
Goで作る、開発・CI環境
sin392
0
230
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
kaelaela
9
5k
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
panda_program
6
2.1k
脱Riverpod?fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
ostk0069
0
120
システム成長を止めない!本番無停止テーブル移行の全貌
sakawe_ee
1
200
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.5k
Featured
See All Featured
RailsConf 2023
tenderlove
30
1.1k
What's in a price? How to price your products and services
michaelherold
246
12k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
How to train your dragon (web standard)
notwaldorf
95
6.1k
Building Adaptive Systems
keathley
43
2.7k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
How STYLIGHT went responsive
nonsquared
100
5.6k
Adopting Sorbet at Scale
ufuk
77
9.5k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Bash Introduction
62gerente
613
210k
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