$30 off During Our Annual Pro Sale. View Details »

Client Side Reactive Programming Using RxJS

r31gN_
July 25, 2016
Technology
0
170

Client Side Reactive Programming Using RxJS

r31gN_

July 25, 2016
Tweet

More Decks by r31gN_

See All by r31gN_
State management in React using Context and Hooks APIs
r31gn
0
220
React internals (fibers, coroutines, algebraic effects)
r31gn
1
320
10 things you need to know about React 16
r31gn
0
390
Breaking React apart Fiber by Fiber
r31gn
0
250
Progressive Web Apps - The Future
r31gn
2
210
The Magic Behind HTTP/2
r31gn
0
110
CSS Architecture
r31gn
1
110
Embrace Native JavaScript
r31gn
0
72
From Callback Hell To Promises Heaven
r31gn
1
110

Other Decks in Technology

See All in Technology
3つの⽴場で考える技術的負債への組織的アプローチ
sansantech
PRO
16
4.8k
CTO of the year 2023ピッチ資料（オーディエンス賞）チューリングCTO青木
aoshun7
0
200
Making your Kubernetes-based log collection reliable & durable with Vector
palark
0
310
LINEでのコミュニケーションにマスコットキーホルダーを使ってみる / LINEを使ったLT大会 #5
you
PRO
0
100
エンジニア不足の中で どう技術的負債と向き合ったのか RevComm Research の場合 -
revcomm_inc
4
3.2k
論文紹介: Improving Implicit Feedback-Based Recommendation through Multi-Behavior Alignment(Xin Xin et al., 2023)
hakubishin3
0
170
LINE WORKS 最新メジャーアップデート（v3.8）勉強会
lwug
0
130
決済事業のアーキテクチャとそれを⽀える AlloyDB
sansantech
PRO
6
1.3k
実装がすべてではない、開発者の周りから考える Web プロダクトセキュリティ
oldbigbuddha
1
210
リアルで価値を発揮するデジタルプロダクトを開発する
aki_iinuma
0
930
DMMオンラインサロン エンジニア採用資料/ for-software-engineers
onlinesalon
0
3.6k
SOLID Is Dead, Long Live SOLID
lemiorhan
2
190

Featured

See All Featured
Happy Clients
brianwarren
91
6.1k
Facilitating Awesome Meetings
lara
37
5.2k
Large-scale JavaScript Application Architecture
addyosmani
501
110k
Into the Great Unknown - MozCon
thekraken
7
650
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
240
20k
Agile that works and the tools we love
rasmusluckow
323
20k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
16
1.5k
Writing Fast Ruby
sferik
615
59k
Typedesign – Prime Four
hannesfritz
35
1.8k
Debugging Ruby Performance
tmm1
68
11k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
152
14k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
26
5.7k

Transcript

  1. Client-side
    reactive programming
    (using RxJS)

    View Slide

  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

    View Slide

  3. Imperative
    programming

    View Slide

  4. View Slide

  5. User action UI Responds User action …..
    Uses imperative programming
    Uses imperative programming
    UI Responds
    time (s)

    View Slide

  6. Caveats of IP
    • Isolates state from time
    • You don’t see the bigger picture
    • Mutable values

    View Slide

  7. Is there a way … ?

    View Slide

  8. Reactive
    programming

    View Slide

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

    View Slide

  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.

    View Slide

  11. But in RP …

    View Slide

  12. View Slide

  13. Demo time with RxJS

    View Slide

  14. When to use RxJS
    • Orchestrate event-based computations
    • Deal with async data
    • Complex UIs with lots of user interaction

    View Slide

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

    View Slide