rxjsAan de slag met rxjs


Opmerkingen

Deze sectie geeft een overzicht van wat rxjs is en waarom een ontwikkelaar het misschien wil gebruiken.

Het moet ook alle grote onderwerpen binnen rxjs vermelden en naar de gerelateerde onderwerpen verwijzen. Aangezien de documentatie voor rxjs nieuw is, moet u mogelijk eerste versies van die gerelateerde onderwerpen maken.

versies

Versie Publicatiedatum
RxJS 4 2015/09/25
RxJS 5 2016/12/13
RxJS 5.0.1 2016/12/13
RxJS 5.1.0 2017/02/01

Installatie of instellingen

Met behulp van een CDN:

<!DOCTYPE html>
<head>
  <script src="https://cdn.jsdelivr.net/rxjs/4.1.0/rx.min.js"></script>
</head>
<body>

  <script>
    // `Rx` is available
    var one$ = Rx.Observable.of(1);
    var onesub = one$.subscribe(function (one) {
      console.log(one); // 1
    });
    // alternatively: subscribe(console.log)
  </script>
</body>
</html>
 

CDN bij gebruik van RxJS 5 (RC) :

<script src="https://npmcdn.com/@reactivex/rxjs@5.0.0-rc.1/dist/global/Rx.js"></script>
 

Een bundler gebruiken:

Installeer eerst in uw projectmap met npm :

npm install rx
 

Of met RxJS 5 (RC) :

npm install rxjs
 

Vervolgens, in uw JavaScript-bestand:

var Rx = require('rx');
//var Rx = require('rxjs/Rx'); // v5beta 

var one$ = Rx.Observable.of(1);
var onesub = one$.subscribe(function (one) {
  console.log(one); // 1
});
 

Als u een es6 / 2015 compatibele bundler gebruikt:

import Rx from 'rx';
//import Rx from 'rxjs/Rx'; // v5beta

const one$ = Rx.Observable.of(1);
const onesub = one$.subscribe(one => console.log(one)); // 1