elclanrs

RxJS 5 Operators By Example

⚠️ UPDATE: I have moved the contents of this gist plus more to http://www.learnrxjs.io and https://github.com/btroncone/learn-rxjs. For expanded examples, explanations, and resources, please check out this new location!

A complete list of RxJS 5 operators with easy to understand explanations and runnable examples.

Just quick notes and code that you can play with in REPL.

###Let's install Vagrant###

###Select a Vagrant Box from https://vagrantcloud.com###

#add it to your list of boxes
vagrant box add hashicorp/precise32
#create a new folder for your project &amp; init vagrant

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

	{-# LANGUAGE MultiParamTypeClasses, ExistentialQuantification, ScopedTypeVariables, FlexibleInstances, FlexibleContexts, UndecidableInstances #-}
	module TransientCont where
	-- some imports

	import Control.Applicative

	import Control.Monad.IO.Class

	import Control.Monad.Trans

	// Create a Promise that resolves after ms time
	var timer = function(ms) {
	return new Promise(resolve => {
	setTimeout(resolve, ms);
	});
	};

	// Repeatedly generate a number starting
	// from 0 after a random amount of time
	var source = async function*() {

	// include gulp + template plugin
	var gulp = require('gulp');
	var template = require('gulp-template');
	// include the koTemplates module locally
	var koTemplates = require('./koTemplates');

	// create the 'templates' task
	gulp.task('templates', function () {
	// single-page app, so just pipe through index
	gulp.src('./src/templates/index.html')

	\documentclass[oneside,12pt]{article}

	\usepackage[english]{babel}
	\usepackage[T1]{fontenc}

	\usepackage{
	listings,titlesec,sectsty,setspace,caption,
	enumerate,tabularx,
	graphicx,fancyhdr,framed,
	microtype,ragged2e,

	body {
	color: #333;
	font: normal 16px/1.3 Arial, sans-serif;
	max-width: 6.5in;
	margin: 0 auto;
	}

	a:link, a:visited {
	color: #1B70D1;
	text-decoration: none;

	var ko = require('knockout');

	ko.components.register('simple-name', require('./components/simple-name/simple-name.js'));

	ko.applyBindings({ userName: ko.observable() });