Kamil Dąbrowski Namek

When receiving JSON data from other resources(server API etc), we need Json.Decode to convert the JSON values into Elm values. This gist let you quickly learn how to do that.

I like to follow working example code so this is how the boilerplate will look like:

import Graphics.Element exposing (Element, show)
import Task exposing (Task, andThen)
import Json.Decode exposing (Decoder, int, string, object3, (:=))

import Http

Should be work with 0.18

Destructuring(or pattern matching) is a way used to extract data from a data structure(tuple, list, record) that mirros the construction. Compare to other languages, Elm support much less destructuring but let's see what it got !

Tuple

myTuple = ("A", "B", "C")
myNestedTuple = ("A", "B", "C", ("X", "Y", "Z"))

Useful emoji for git commit messages

If you add emoji to your commit messages for a GitHub repo, they become less boring, and you can convey the kind of change you're adding. See the full set of GitHub supported emoji here (also useful for easy copy&paste via a simple click).

The following is a possible scheme to use:

JankyBrowser

The only cross-platform browser that fits in a Gist!

One line install. Works on Linux, MacOSX and Windows.

Local Install

$&gt; npm install http://gist.github.com/morganrallen/f07f59802884bcdcad4a/download

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.

	import java.util.Date;
	import java.util.concurrent.TimeUnit;

	import rx.Observable;
	import rx.Subscriber;
	import timber.log.Timber;

	/**
	* Created by mirland on 26/02/16.
	*/

	import * as hookMod from 'angular2/src/router/lifecycle_annotations';
	import * as routerMod from 'angular2/src/router/router';
	import {isBlank, isPresent} from 'angular2/src/facade/lang';
	import {StringMapWrapper} from 'angular2/src/facade/collection';
	import {Promise, PromiseWrapper} from 'angular2/src/facade/async';
	import {BaseException} from 'angular2/src/facade/exceptions';
	import {
	ElementRef, DynamicComponentLoader, Directive, Injector, provide, ComponentRef, Attribute
	} from 'angular2/core';
	import {

	/**
	* © 2015 isp-insoft all rights reserved.
	*/
	package com.isp.lpt;

	import java.util.concurrent.CountDownLatch;

	import org.junit.runner.RunWith;
	import org.junit.runners.BlockJUnit4ClassRunner;
	import org.junit.runners.model.InitializationError;

	/*

	Template

	<!DOCTYPE html>
	<html>
	<head>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/2.3.22/rx.all.js"></script>
	<meta charset="utf-8">
	<title>JS Bin</title>

	rivets.formatters['!'] = function(value)
	{
	return !value;
	};
	rivets.formatters.eq = function(value, args)
	{
	return value === args;
	};
	rivets.formatters.neq = function(value, args)
	{