Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Client Side Reactive Programming Using RxJS

Avatar for r31gN_ r31gN_
July 25, 2016
Technology
200
0

Client Side Reactive Programming Using RxJS

Avatar for r31gN_

r31gN_

July 25, 2016

More Decks by r31gN_

See All by r31gN_
State management in React using Context and Hooks APIs
Avatar for r31gN_ r31gn
0
260
React internals (fibers, coroutines, algebraic effects)
Avatar for r31gN_ r31gn
1
580
10 things you need to know about React 16
Avatar for r31gN_ r31gn
0
430
Breaking React apart Fiber by Fiber
Avatar for r31gN_ r31gn
0
280
Progressive Web Apps - The Future
Avatar for r31gN_ r31gn
2
340
The Magic Behind HTTP/2
Avatar for r31gN_ r31gn
0
170
CSS Architecture
Avatar for r31gN_ r31gn
1
140
Embrace Native JavaScript
Avatar for r31gN_ r31gn
0
110
From Callback Hell To Promises Heaven
Avatar for r31gN_ r31gn
1
190

Other Decks in Technology

See All in Technology
案件に一番詳しいAIを Amazon Bedrock AgentCore で作る ― 知見が知見を生むチームへ / Compounding Knowledge with AgentCore
Avatar for Yusuke Shimizu yusukeshimizu
1
160
巨大気象データと戦う ― サロゲートモデル学習を高速化する圧縮技術
Avatar for GPU UNITE gpuunite_official
0
170
AIで変わるエンジニアの働き方（仮）
Avatar for naoinaoi naoinaoi
0
230
35分でわかるEffective Platform Engineering
Avatar for nwiizo nwiizo
5
550
Software Supply Chain Attackからクラウド環境を守るためにできること
Avatar for LHazy lhazy
2
290
tamachi.go 誕生の裏側
Avatar for ryoji miyamoto rymiyamoto
1
190
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
24
430k
Sansan Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
5k
ガバメント AI 源内を地方自治体は活用できるのか 可能性と課題、期待について
Avatar for takeda_h takeda_h
2
460
2027年のMetricKit
Avatar for Kanta Oikawa kantacky
0
130
Sets in Go
Avatar for Luciano Ramalho ramalho
1
1.2k
LLM Internals: 언어 모델의 계보와 알고리즘 진화 (2023~2026)
Avatar for Jeongkyu Shin inureyes
PRO
1
800

Featured

See All Featured
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.3k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
450
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
1.1k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
3
470
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.3k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
300
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.3k
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
8
36k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
290
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.3k

Transcript

  1. Client-side reactive programming (using RxJS)

  2. 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

  3. Imperative programming

  4. None

  5. User action UI Responds User action ….. Uses imperative programming

    Uses imperative programming UI Responds time (s)

  6. Caveats of IP • Isolates state from time • You

    don’t see the bigger picture • Mutable values

  7. Is there a way … ?

  8. Reactive programming

  9. – Andre Staltz “Reactive programming is programming with asynchronous data

    streams.”

  10. Streams • Sequence of ongoing events ordered in time •

    Cheap, ubiquitous • Allow you to react to new data • Think event busses, typical click events, etc.

  11. But in RP …

  12. None

  13. Demo time with RxJS

  14. When to use RxJS • Orchestrate event-based computations • Deal

    with async data • Complex UIs with lots of user interaction

  15. Thank you! @r31gN_ https://github.com/r31gN/rxjs-demo-presentation