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
51
How to make a Touch Bar app
cee
0
95
How to make an incredible speech
cee
1
82
From an idea to a product
cee
1
210
「SwiftGG Show」第六期 - Swift Notification Center【100mango】
cee
0
210
「SwiftGG Show」第二期 - Something you don’t know on Mac OS X【Cee】
cee
1
150
關於排版.pdf
cee
1
350
「SwiftGG Show」第一期 - Xcode Tips & Tricks【星夜暮晨】
cee
1
420
What Knowledge Is Important to a Software Professional?
cee
1
150
Other Decks in Programming
See All in Programming
try!Swift Tokyo 2024 参加報告 LT
akidon0000
1
220
Let's learn code review
riofujimon
2
410
try! Swift Tokyo 初参加報告LT
hinakko2
0
220
Apache Hive 4 on Treasure Data
ryukobayashi
0
330
Hanami and htmx
bkuhlmann
0
210
Micro Frontends for Java Microservices - Devnexus 2024
mraible
PRO
0
490
VS Code をプロダクトにどう取り込むか
onomax
1
370
Milestoner
bkuhlmann
1
410
GraphQLサーバの構成要素を整理する #ハッカー鮨 #tsukijigraphql / graphql server technology selection
izumin5210
4
840
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
27
8.3k
Zero Waste, Radical Magic, and Italian Graft – Quarkus Efficiency Secrets
hollycummins
0
230
TCAとKMPを用いた新規動画配信アプリ 「ABEMA Live」の設計
tomu28
1
110
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
422
63k
Fashionably flexible responsive web design (full day workshop)
malarkey
398
65k
Build The Right Thing And Hit Your Dates
maggiecrowley
24
2k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
2
1.3k
Design by the Numbers
sachag
274
18k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
What's in a price? How to price your products and services
michaelherold
237
11k
Gamification - CAS2011
davidbonilla
76
4.6k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
125
32k
Building Applications with DynamoDB
mza
88
5.6k
Fireside Chat
paigeccino
21
2.6k
A Modern Web Designer's Workflow
chriscoyier
689
190k
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