RxJS - The Reactive Extensions for JavaScript
5 likes1,955 views
RxJS is a library for composing asynchronous and event-based programs using observable sequences and LINQ-style query operators. It offers a language neutral approach to reactive programming using observables that asynchronously push values to observers. Some key benefits of RxJS include clean asynchronous code, error handling, composable observables, and abstraction. The core concepts include observables, observers, and operators to process and transform streams of data over time.
More Related Content
![RxJava applied [JavaDay Kyiv 2016]](https://cdn.slidesharecdn.com/ss_thumbnails/pdfrxjava-appliedjavaday-161013154948-thumbnail.jpg?width=560&fit=bounds)
Similar to RxJS - The Reactive Extensions for JavaScript (20)
RxJS - The Reactive Extensions for JavaScript
- 1. RxJS - The Reactive Extensions for JavaScript Viliam Elischer @vireliam
- 3. Reactive Extensions (Rx) is a library for composing asynchronous and event-based programs using observable sequences and LINQ-style query operators.
- 4. Reactive eXtensions offer a language neutral approach and polyglot implementation as well. JavaScript Java Scala Clojure Groovy C++ C# Ruby Python JRuby Kotlin Swift
- 5. Crafted by The Cloud Programmability Group at Microsoft
- 7. Why?
- 9. Asynchronous programming tend to end up in callback hell
- 11. Promises FTW but there are uses-cases when you need to: cancel or do bulk operations or get multiple values or do complex composition
- 12. RxJS is ideal for processing sequences that can contain any amount of values in any amount of time.
- 13. Core concepts
- 15. Event | Stream | Sequence | Source Observable | Observer | Subscription | Disposable
- 16. An Event stream is a sequence of events. A Sequence is an observable Source. A Source can be observed and act as entry point.
- 17. An Observer registers its interest on an Observable through a Subscription. The Observable pushes data to the Observer. The Subscription returns a Disposable so the Observer can stop receive notifications before the sequence ends.
- 18. General theory of reactivity Single value Multiple values Pull / Sync / Interactive Object Iterables (Array / Set / Map) Push / Async / Reactive Promise Observable github.com/kriskowal/gtor
- 19. Applied duality Array | Iterator - consumer synchronously pulls values from producer Observable | Observer - producer asynchronously pushes values to the consumer Enumerable collection interfaces IEnumerable<T>and IEnumerator<T>are dual to interfaces of observable collections IObservable<T>and IOberserver<T> Subject/Observer is Dual to Iterator by Erik Meijer
- 20. Stream endpoints Entry points / Sources: user input (click, mouseMove, keyUp), network (XHR, WS), setters, event listening Exit points / Subscribers: appState mutation, persistence, render, event emitting
- 21. Operators ~131
- 22. RP != FRP
- 23. Functional reactive programming How to build reactive systems using mathematical functions for describing the universe and it's components, keeping functional as the higher matter? The semantic model of FRP in side-effect free languages is typically in terms of continuous functions, and typically over time
- 24. FRP has well known and defined interfaces Values that vary over continuous (clock like) time (behaviors, signals) Events which have occurrences at discrete points in time. Originates from FRAN (Haskell's functional-reactive animation framework)
- 25. Reactive Programming aims onto handling of async sequences from multiple sources over time time isn't continuous but discrete, the universe is mutable (setters) and execution environment can be single-threaded (browser, node) Functional in RP is a quality of the implementation detail (HOF, map, filter, reduce) RX separates notion of time from reactivity and focuses more on concurrency
- 26. Reactive Programming compositional event processing
- 27. Examples
- 28. Observable creation from variables, arrays, promises, generators, events
- 29. Cancel async
- 30. Chaining
- 31. Map and FlatMap
- 32. TakeUntil
- 33. Scan vs Reduce
- 34. - withoutTransducing intermediary arrays
- 35. + +Subject State observable Global subject
- 36. Benefits of using RxJS?
- 37. Abstraction layer Composable Observables Clean Asynchronous Code Error handling Event processing Performance Client/Server
- 38. Less mutation of global state Set operations (Sync / Async) Improved WebSocket Support
- 39. Interoperability
- 40. Advanced topics
- 41. Schedulers as Concurrency providers Hot and Cold Observables Backpressure async function*- Reactive Webworkers Transducers async generators (ES7)
- 42. Alternatives
- 43. Bacon.js
- 44. Kefir.js
- 45. Resources
- 47. People Matthew Podwysocki - @mattpodwysocki Jafar Husain - @jhusain Ben Lesh - @BenLesh André Staltz - @andrestaltz
- 48. Q & A
- 49. Tank you!