Wayne Maurer wmaurer

This article has been given a more permanent home on my blog. Also, since it was first written, the development of the Promises/A+ specification has made the original emphasis on Promises/A seem somewhat outdated.

You're Missing the Point of Promises

Promises are a software abstraction that makes working with asynchronous operations much more pleasant. In the most basic definition, your code will move from continuation-passing style:

getTweetsFor("domenic", function (err, results) {
 // the rest of your code goes here.

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

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.

Separate public/private literals
For RxUI 5
No private
Single line get/set

Git Cheat Sheet

Commands

Getting Started

git init

or

ES6 Defaults / Overrides Pattern

Combine default parameters and destructuring for a compact version of the defaults / overrides pattern.

function foo ({
    bar = 'no',
    baz = 'works!'
  } = {}) {

This is a proposal for a lightning talk at the Reactive 2015 conference.

NOTE: If you like this, star ⭐ the Gist - the amount of stars decides whether it makes the cut!

The Joy of Composition

Why stateless rendering is pure bliss

React just got stateless components, meaning that they are in essence pure functions for rendering. Pure functions make it dead simple - even fun - to refactor your views

	// knockout-jquery-ui-widget.js
	// Copyright (c) 2011, Planapple, Inc.
	// License: MIT (http://www.opensource.org/licenses/mit-license.php)
	//
	// Knockout binding for jQuery UI widgets
	//
	// Examples:
	// <input type="submit" value="OK" data-bind='jqueryui: "button"' />
	//
	// Attaches a jQuery UI button widget to this button, with default options.

	<#@ template debug="true" hostspecific="true" language="C#" #>
	<#@ output extension=".d.ts" #>
	<# /* Update this line to match your version of SignalR */ #>
	<#@ assembly name="$(SolutionDir)\packages\Microsoft.AspNet.SignalR.Core.2.2.0\lib\net45\Microsoft.AspNet.SignalR.Core.dll" #>
	<# /* Load the current project's DLL to make sure the DefaultHubManager can find things */ #>
	<#@ assembly name="$(TargetPath)" #>
	<#@ assembly name="System.Core" #>
	<#@ assembly name="System.Web" #>
	<#@ assembly name="System.Xml, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" #>
	<#@ assembly name="System.Xml.Linq, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" #>

	<?xml version="1.0" encoding="utf-8" ?>
	<CodeSnippets xmlns="http://schemas.microsoft.com/VisualStudio/2005/CodeSnippet">
	<CodeSnippet Format="1.0.0">
	<Header>
	<Title>Rx ObservableAsPropertyHelper</Title>
	<Shortcut>rxOAPH</Shortcut>
	<Description>Code snippet for a ReactiveUI ObservableAsPropertyHelper</Description>
	<SnippetTypes>
	<SnippetType>Expansion</SnippetType>
	</SnippetTypes>

	function logClass(target: any) {

	// save a reference to the original constructor
	var original = target;

	// a utility function to generate instances of a class
	function construct(constructor, args) {
	var c : any = function () {
	return constructor.apply(this, args);
	}