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
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
rkaga
12
4.4k
今ならAmazon ECSのサービス間通信をどう選ぶか / Selection of ECS Interservice Communication 2025
tkikuc
21
4k
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
koboriakira
0
590
NPOでのDevinの活用
codeforeveryone
0
830
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.5k
AI駆動のマルチエージェントによる業務フロー自動化の設計と実践
h_okkah
0
150
システム成長を止めない!本番無停止テーブル移行の全貌
sakawe_ee
1
200
ISUCON研修おかわり会 講義スライド
arfes0e2b3c
1
440
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
1
10k
AIと”コードの評価関数”を共有する / Share the "code evaluation function" with AI
euglena1215
1
160
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
11k
Rails Frontend Evolution: It Was a Setup All Along
skryukov
0
140
Featured
See All Featured
Balancing Empowerment & Direction
lara
1
430
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Writing Fast Ruby
sferik
628
62k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Being A Developer After 40
akosma
90
590k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Into the Great Unknown - MozCon
thekraken
40
1.9k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
820
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