Brian Riley brianmriley

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.

Common Options

-#, --progress-bar Make curl display a simple progress bar instead of the more informational standard meter.

-b, --cookie <name=data> Supply cookie with request. If no =, then specifies the cookie file to use (see -c).

-c, --cookie-jar <file name> File to save response cookies to.

This afternoon I encountered a race condition in an Angular app I'm working on. Essentially my controller was pushing some values to an Array on its scope and something (I wasn't sure what) was asynchronously overriding the Array's contents. The Array was being used by a custom directive- written by someone else- as well as an ngModel and it wasn't clear who was making the change.

I ended up trying something I had not done before and it worked well enough that I thought I'd post it here in case it helped anyone else.

First I enabled The "Async" option in Chrome's "Sources > Call Stack" panel.

Next I set a breakpoint in my controller where I was modifying the Array. When I hit that breakpoint, I ran the following code in my console:

Object.observe(this.theArray, function(changes) {


	import * as mongoose from 'mongoose';

	export let Schema = mongoose.Schema;
	export let ObjectId = mongoose.Schema.Types.ObjectId;
	export let Mixed = mongoose.Schema.Types.Mixed;

	export interface IHeroModel extends mongoose.Document {
	name: string;
	power: string;

	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<title> - jsFiddle demo</title>
	</head>
	<body>
	<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="https://cdn.jsdelivr.net/webshim/1.14.5/polyfiller.js"></script>
	<script>

	{
	"name": "literasee-editor",
	"version": "1.0.0",
	"description": "",
	"scripts": {
	"clean": "rimraf public",
	"build:webpack": "webpack --config webpack.config.prod.js",
	"build": "npm run clean && npm run build:webpack",
	"postinstall": "npm run build",
	"start": "nodemon server.js"

	let map = new Map();
	map.set("a", 1);
	map.set("b", 2);
	map.set("c", 3);

	let obj = Array.from(map).reduce((obj, [key, value]) => (
	Object.assign(obj, { [key]: value }) // Be careful! Maps can have non-String keys; object literals can't.
	), {});

	console.log(obj); // => { a: 1, b: 2, c: 3 }

	//
	// Implementation using express-jwt middle
	//
	var express = require('express'),
	ejwt = require('express-jwt'),
	jwt = require('jsonwebtoken'),
	passport = require('passport'),
	bodyParser = require('body-parser'),
	LocalStrategy = require('passport-local').Strategy,
	BearerStrategy = require('passport-http-bearer').Strategy;

	#!/bin/sh

	# To the extent possible under law, Viktor Szakats
	# has waived all copyright and related or neighboring rights to this
	# script.
	# CC0 - https://creativecommons.org/publicdomain/zero/1.0/
	# SPDX-License-Identifier: CC0-1.0

	# THIS SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
	# IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,

Brian Riley brianmriley

RxJS 5 Operators By Example

Table of Contents

Common Options