Download as PDF, PPTX
![static IEnumerable<string> EndlessBarrageOfEmail()
{
var random = new Random();
var emails = new List<String> { "Here is an email!",
"Another email!", "Yet another email!" };
while(true)
{
// Return some random emails at random intervals.
yield return emails[random.Next(emails.Count)];
Thread.Sleep(random.Next(1000));
}
}](https://image.slidesharecdn.com/reactivex-160429003148/85/A-Quick-Intro-to-ReactiveX-30-320.jpg)
![// Only get the value from each key up
var keyups = Rx.Observable.fromEvent($input, 'keyup')
.map(e => e.target.value)
.filter(text => text.length > 3);
// Now throttle/debounce the input for 500ms
var throttled = keyups.throttle(500);
// Now get only distinct values, so we eliminate others
var distinct = throttled.distinctUntilChanged();
distinct
.flatMapLatest(searchWikipedia)
.subscribe(
data => {
var res = data[1];
// clear the markup
$results.empty();
// emit an <li> with each result,
$.each(res, (_, value) => $('<li>' + value + '</li>').appendTo($results));
},
error => {
// clear the markup
$results.empty();
$('<li>Error: ' + error + '</li>').appendTo($results);
});
}());](https://image.slidesharecdn.com/reactivex-160429003148/85/A-Quick-Intro-to-ReactiveX-35-320.jpg)
Uploaded byTroy Miles
A Quick Intro to ReactiveX
This document provides an introduction to Reactive Extensions (Rx), highlighting its purpose, usage, and various programming languages that support it. It covers the development of Rx, outlines key concepts such as observables and operators, and emphasizes the benefits of adopting this technology in software development. Additionally, it includes code examples for C# and JavaScript, along with resources for further learning.
More Related Content
Similar to A Quick Intro to ReactiveX
A Quick Intro to ReactiveX
- 1. A Quick Introto Rx Troy Miles 28 April 2016
- 2.
- 3. Agenda Quick introduction What arethe Reactive Extensions (Rx)? Why should I care? How do I get started? Summary
- 4. Troy Miles Troy Milesaka the RocknCoder Over 36 years of programming experience Speaker and author Author of jQuery Essentials rockncoder@gmail.com @therockncoder
- 5. Upcoming talks Angular 2Weekend Workshop - Los Angeles May 14th & 15th Build a game in 60 minutes - Irvine May 24th SoCal Code Camp - San Diego June 25th & 26th Cross Platform Game Programming - Irvine July 9th & 10th
- 6. What are theReactive Extensions?
- 7. The life anddeath and rebirth of project Volta Volta was an experimental .NET based toolset for building multi-tier web apps 2007 - Microsoft released it as a tech preview 2008 - the project was cancelled 2010 - the Reactive Extension were initial released Rx was part of project Volta
- 9. Rx = Observables+ LINQ + Schedulers
- 10. More definitions The ReactiveExtensions (Rx) is a library for composing asynchronous and event-based programs using observable sequences and LINQ-style query operators An API for asynchronous stream programming
- 12.
- 13. Observable The thing towatch Functions called operators Create Filter Aggregate Perform Handle errors many more
- 14. Operators ‘o plenty Aggregate All Amb and_ And Any apply as_blocking AsObservable AssertEqual asyncAction asyncFunc Average averageDouble averageFloat averageInteger averageLong blocking Buffer bufferWithCount bufferWithTime bufferWithTimeOrCou nt byLine cache case Cast Catch catchException collect collect(RxScala version of Filter) CombineLatest combineLatestWith Concat concat_all concatMap concatMapObserver concatAll concatWith Connect connect_forever cons Contains Controlled And over 300 more
- 15. Subscription Ties the observerand observable together Function Subscribe Dispose
- 16. Promise v Observable PromiseObservable async helper yes yes values single multiple errors single multiple cancellable no yes retry no yes
- 17. Why should Icare?
- 18. Time is money Learningany new technology takes time Your time is valuable Is the dev community excited about it? Will it help me do my current job? Will it help me get my next job?
- 19. Who uses thisstuff?
- 21. ThoughtWorks Tech Radar Thereactive architecture keeps spreading across platforms and paradigms simply because it solves a common problem in an elegant way, hiding inevitable application plumbing in a nice encapsulation. Recommended for adoption July 2014 https://www.thoughtworks.com/radar/languages-and- frameworks/reactive-extensions-across-languages
- 22. Is it inmy language?
- 23. Is it inmy language? Java: RxJava JavaScript: RxJS C#: Rx.NET C#(Unity): UniRx Scala: RxScala Clojure: RxClojure C++: RxCpp Ruby: Rx.rb Python: RxPY Groovy: RxGroovy JRuby: RxJRuby Kotlin: RxKotlin Swift: RxSwift PHP: RxPHP
- 24. How do Iget started?
- 25. The Observer Rx workswith collections that implement observer design pattern This is the same observer described in the Gang of Four design pattern book In C# it implements IQueryable which is an extension to IEnumerable used by LINQ
- 26. Collections, collections In Rx,you begin with a collection and end with a collection Rx methods, also called operators, always return a new collection and never mutate the passed collection If you’ve ever have been exposed to a functional language like LISP, Scheme, Clojure or other this kind of pattern should be familiar
- 27.
- 28. Install Rx viaNuGet Rx-Main: The main package, often all you need Includes Rx-Core Rx-Linq Rx-Interfaces Rx-PlatformServices
- 29. Other packages Rx-Providers: Forcreating expression trees Rx-Xaml: UI Synchronization classes for XAML Rx-Remoting: Adds extensions for .NET Remoting Rx-WPF/RxWindowsStore Rx-Test: For unit testing Rx-Alias: Provides alias for some query operators
- 30.
- 31.
- 32.
- 33. Uses Wikipedia’s searchservice Normally written using callbacks or promises Written using ES2015, so it looks a bit weird
- 34. (function () { 'usestrict'; var $input = $('#input'), $results = $('#results'); // this function returns a promise which is important function searchWikipedia(term) { // let's see what we are sending console.info(term); // use jquery to ajax some data to wikipedia return $.ajax({ url: 'http://en.wikipedia.org/w/api.php', dataType: 'jsonp', data: { action: 'opensearch', format: 'json', search: term } }).promise(); }
- 35. // Only getthe value from each key up var keyups = Rx.Observable.fromEvent($input, 'keyup') .map(e => e.target.value) .filter(text => text.length > 3); // Now throttle/debounce the input for 500ms var throttled = keyups.throttle(500); // Now get only distinct values, so we eliminate others var distinct = throttled.distinctUntilChanged(); distinct .flatMapLatest(searchWikipedia) .subscribe( data => { var res = data[1]; // clear the markup $results.empty(); // emit an <li> with each result, $.each(res, (_, value) => $('<li>' + value + '</li>').appendTo($results)); }, error => { // clear the markup $results.empty(); $('<li>Error: ' + error + '</li>').appendTo($results); }); }());
- 36. Handy URLs ReactiveX http://reactivex.io/ MSDN https://msdn.microsoft.com/en-us/data/gg577609 RxJSonline book https://xgrommx.github.io/rx-book/index.html Netflix http://techblog.netflix.com/2013/01/reactive-programming-at-netflix.html Rx Wiki http://rxwiki.wikidot.com/101samples
- 37. Summary Rx allows appsto easily work with asynchronous streaming data Rx requires a bit of a cognitive leap Resulting code is simpler and more logical