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
230
React internals (fibers, coroutines, algebraic effects)
r31gn
1
410
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
260
The Magic Behind HTTP/2
r31gn
0
160
CSS Architecture
r31gn
1
110
Embrace Native JavaScript
r31gn
0
91
From Callback Hell To Promises Heaven
r31gn
1
130
Other Decks in Technology
See All in Technology
DevFest 2024 Incheon / Songdo - Compose UI 조합 심화
wisemuji
0
160
Work as an App Engineer
lycorp_recruit_jp
0
370
型情報を用いたLintでコード品質を向上させる
sansantech
PRO
2
140
ゼロから創る横断SREチーム 挑戦と進化の軌跡
rvirus0817
3
290
LINE Developersプロダクト(LIFF/LINE Login)におけるフロントエンド開発
lycorptech_jp
PRO
0
150
[Ruby] Develop a Morse Code Learning Gem & Beep from Strings
oguressive
1
190
日本版とグローバル版のモバイルアプリ統合の開発の裏側と今後の展望
miichan
1
140
AWS re:Invent 2024で発表された コードを書く開発者向け機能について
maruto
0
210
生成AIをより賢く エンジニアのための RAG入門 - Oracle AI Jam Session #20
kutsushitaneko
4
290
Amazon Kendra GenAI Index 登場でどう変わる? 評価から学ぶ最適なRAG構成
naoki_0531
0
130
LINEスキマニにおけるフロントエンド開発
lycorptech_jp
PRO
0
340
私なりのAIのご紹介 [2024年版]
qt_luigi
1
120
Featured
See All Featured
Writing Fast Ruby
sferik
628
61k
Music & Morning Musume
bryan
46
6.2k
Site-Speed That Sticks
csswizardry
2
190
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Optimizing for Happiness
mojombo
376
70k
Building Your Own Lightsaber
phodgson
103
6.1k
Embracing the Ebb and Flow
colly
84
4.5k
Done Done
chrislema
182
16k
RailsConf 2023
tenderlove
29
940
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
4 Signs Your Business is Dying
shpigford
182
21k
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.4k
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