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
RxJS Introduction
Search
r31gN_
July 25, 2016
Technology
0
49
RxJS Introduction
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
470
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
Client Side Reactive Programming Using RxJS
r31gn
0
180
CSS Architecture
r31gn
1
120
Embrace Native JavaScript
r31gn
0
95
Other Decks in Technology
See All in Technology
Segment Anything Modelの最新動向:SAM2とその発展系
tenten0727
0
750
AWS DDoS攻撃防御の最前線
ryutakondo
1
150
Amazon Bedrock AgentCoreのフロントエンドを探す旅 (Next.js編)
kmiya84377
1
140
生成AI時代におけるAI・機械学習技術を用いたプロダクト開発の深化と進化 #BetAIDay
layerx
PRO
1
1.2k
Eval-Centric AI: Agent 開発におけるベストプラクティスの探求
asei
0
120
Claude Codeは仕様駆動の夢を見ない
gotalab555
23
6.5k
はじめての転職講座/The Guide of First Career Change
kwappa
2
2k
S3 Glacier のデータを Athena からクエリしようとしたらどうなるのか/try-to-query-s3-glacier-from-athena
emiki
0
220
Findy Freelance 利用シーン別AI活用例
ness
0
490
風が吹けばWHOISが使えなくなる~なぜWHOIS・RDAPはサーバー証明書のメール認証に使えなくなったのか~
orangemorishita
15
5.8k
「AIと一緒にやる」が当たり前になるまでの奮闘記
kakehashi
PRO
3
140
相互運用可能な学修歴クレデンシャルに向けた標準技術と国際動向
fujie
0
250
Featured
See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
Adopting Sorbet at Scale
ufuk
77
9.5k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
How to Ace a Technical Interview
jacobian
278
23k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
450
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
19k
It's Worth the Effort
3n
185
28k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Done Done
chrislema
185
16k
Transcript
RxJS introduction
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
Observable/Observer • Observables are push-based, observable sequences that can send
data to anyone who is interested • Observers are entities who register an interest through a subscription to an Observable
Observers • Register via subscribe method • You get back
a Disposable object (a handler for the subscription) • onNext, onError, onCompleted
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-workshop