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
Client Side Reactive Programming Using RxJS
Search
r31gN_
July 25, 2016
Technology
0
180
Client Side Reactive Programming Using RxJS
r31gN_
July 25, 2016
Tweet
Share
More Decks by r31gN_
See All by r31gN_
State management in React using Context and Hooks APIs
r31gn
0
240
React internals (fibers, coroutines, algebraic effects)
r31gn
1
460
10 things you need to know about React 16
r31gn
0
400
Breaking React apart Fiber by Fiber
r31gn
0
260
Progressive Web Apps - The Future
r31gn
2
280
The Magic Behind HTTP/2
r31gn
0
160
CSS Architecture
r31gn
1
120
Embrace Native JavaScript
r31gn
0
95
From Callback Hell To Promises Heaven
r31gn
1
150
Other Decks in Technology
See All in Technology
[SRE NEXT 2025] すみずみまで暖かく照らすあなたの太陽でありたい
carnappopper
2
250
セキュアな社内Dify運用と外部連携の両立 ~AIによるAPIリスク評価~
zozotech
PRO
0
110
freeeのアクセシビリティの現在地 / freee's Current Position on Accessibility
ymrl
2
280
OpenTelemetryセマンティック規約の恩恵とMackerel APMにおける活用例 / SRE NEXT 2025
mackerelio
3
1.9k
Contributing to Rails? Start with the Gems You Already Use
yahonda
2
120
Bill One 開発エンジニア 紹介資料
sansan33
PRO
4
13k
モニタリング統一への道のり - 分散モニタリングツール統合のためのオブザーバビリティプロジェクト
niftycorp
PRO
1
420
Four Keysから始める信頼性の改善 - SRE NEXT 2025
ozakikota
0
240
cdk initで生成されるあのファイル達は何なのか/cdk-init-generated-files
tomoki10
1
610
「Chatwork」のEKS環境を支えるhelmfileを使用したマニフェスト管理術
hanayo04
1
270
大量配信システムにおけるSLOの実践:「見えない」信頼性をSLOで可視化
plaidtech
PRO
0
340
【Oracle Cloud ウェビナー】【入門&再入門】はじめてのOracle Cloud Infrastructure [+最新情報]
oracle4engineer
PRO
1
110
Featured
See All Featured
Code Review Best Practice
trishagee
69
19k
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
4 Signs Your Business is Dying
shpigford
184
22k
Typedesign – Prime Four
hannesfritz
42
2.7k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
970
The Pragmatic Product Professional
lauravandoore
35
6.7k
Raft: Consensus for Rubyists
vanstee
140
7k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
Designing Experiences People Love
moore
142
24k
Transcript
Client-side reactive programming (using RxJS)
Current state of UIs • Extremely complex • Full of
async events, client/server communication • UIs are always composed based on a state • State is hard to reason about
Imperative programming
None
User action UI Responds User action ….. Uses imperative programming
Uses imperative programming UI Responds time (s)
Caveats of IP • Isolates state from time • You
don’t see the bigger picture • Mutable values
Is there a way … ?
Reactive programming
– Andre Staltz “Reactive programming is programming with asynchronous data
streams.”
Streams • Sequence of ongoing events ordered in time •
Cheap, ubiquitous • Allow you to react to new data • Think event busses, typical click events, etc.
But in RP …
None
Demo time with RxJS
When to use RxJS • Orchestrate event-based computations • Deal
with async data • Complex UIs with lots of user interaction
Thank you! @r31gN_ https://github.com/r31gN/rxjs-demo-presentation