Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

RxJs good tutorials [closed]

Tags:

I am trying to learn ReactiveX. I have spent almost a whole day and I am not able to understand it properly. I tried to look the official documentation but is is very difficult to understand. Something like this:

"Rx.Observable.prototype.flatMapLatest(selector, [thisArg])

Projects each element of an observable sequence into a new sequence of observable sequences by incorporating the element's index and then transforms an observable sequence of observable sequences into an observable sequence producing values only from the most recent observable sequence."

How a new person is able to understand it. So if someone knows the good resource then please mention

like image 366
Devendra Verma Avatar asked Aug 05 '16 06:08

Devendra Verma


People also ask

How do I master RxJS?

Learn how to create Observables using the different functions available. Explore different operators to manipulate Observable streams. Examine different scenarios where using Observables makes life easy. At the end of this course you will be able to solve common programming problems using RxJS.

Should I use RxJS with Angular?

The RxJS library is great for handling async tasks. It has a large collection of operators in filtering, error handling, conditional, creation, multicasting, and more. It is supported by JavaScript and TypeScript, and it works well with Angular.

Should you use RxJS With React?

Conclusion. React-RxJS makes React Reactive. In the sense that enables handling the domain-level state of a React app using RxJS streams. So, if you are looking for a modular, performant and scalable state-management solution for React, especially if you are working with push-based APIs, then you should give it a shot.


2 Answers

As a commenter has said, Brian Troncone's page is a good place: https://www.learnrxjs.io/.

The reality is that learning Rx is not a snap. The hard part isn't learning the library, the operators, etc. Rx requires at least a little bit of investment in thinking differently, at least for most people (myself included).

The best way to start understanding it is to play with it. For RxJS, the interactive examples in rx-book are a great place to start. They use jsbin, so you can run the sample code to see the output, then tweak the code to see what difference it makes.

From a .Net angle, playing with Linqpad is the best way to start getting a feel for how Rx works.

Ultimately you'll need to combine different aspects of learning:

  • Some theory reading
  • Some practical examples (which is where rx-book is useful)
  • Some practical application to a demo or real system of your own

I have a list of helpful resources that I've compiled here. But there is so much being put out there, especially on rxjs, that it's hard to keep up.

What's not common is true examples of real world usage of Rx. Partly this is because Rx is typically applied to larger scale problems, so it's not easy to just fabricate a good use case to make a demo from.

ReactiveTrader is one example of a large scale demonstration of applying Rx. It's a good example of an app making heavy use of Rx to build a complex web app that deals with streaming data and UI events.

I've also given a talk on how to apply Rx to tweet streams to analyze the data. This is oriented around real-time manipulation, aggregation and filtering of streaming data. There's a full video of the talk, plus articles discussing the approach and results here.

Ultimately it will take you time to learn Rx, but it will be worth the effort if you follow through.

like image 109
Niall Connaughton Avatar answered Sep 22 '22 14:09

Niall Connaughton


The best way to learn RxJs to play with it by going through the api reference. Besides that you can go through the following resources:

  1. Video courses on Egghead.io

  2. Awesome explanation: The introduction to Reactive Programming you've been missing

  3. Hot vs Cold Observables ( Also All Ben Lesh Articles on Medium)

  4. Tutorials on youtube like : Adding Even More Fun to Functional Programming With RXJS - Ryan Anklam

  5. Explanatory tutorial with example on https://auth0.com/blog/understanding-reactive-programming-and-rxjs/

like image 26
asmmahmud Avatar answered Sep 22 '22 14:09

asmmahmud