Shulou(Shulou.com)05/31 Report--

This article mainly introduces "how to use RxJS". In daily operation, I believe many people have doubts about how to use RxJS. The editor consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the doubts about "how to use RxJS". Next, please follow the editor to study!

RxJS provides us with a bunch of operators to handle the relationships between these Observable. For example, we can do this:

Const A $= Observable.interval (1000)

Const B$ = Observable.of (3)

Const C $= Observable.from ([5, 6, 7])

Const D$ = C$.toArray () .map (arr = > arr.reduce ((a, b) = > a + b), 0)

Const E $= Observable.combineLatest (A, B, D $) .map (arr = > arr.reduce ((a, b) = > a + b), 0)

The D mentioned above is the data pipeline obtained by a conversion through C, while E is the data pipeline obtained by assembling A _ Magi B _ D

A-> | B-> |-> EC-> D-> |

From the above diagram, we can see the combination relationship between them. in this way, we can describe the combination relationship of business logic, encapsulate each small-grained business into a data pipeline, and then assemble them. Assemble the whole logic.

We know that the mainstream MV* frameworks are based on a common concept: MDV (model-driven view). Under this concept, all changes to the view should first be changes to the model, and then automatically synchronize the past through the mapping between the model and the view.

In the process, we may need to define this relationship in some ways, such as templates in Angular and Vue, JSX in React, and so on.

In these systems, if you want to use RxJS's Observable, it is very simple:

Data$.subscribe (data = > {/ / here respond to data in different ways depending on the view library used / / if it is React or Vue, manually set this to state or data / / if it is Angular 2, you can directly use async pipe instead of this step

Bind to view / / if it is CycleJS... }) at this point, the study on "how to use RxJS" is over. I hope I can solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.