SimonAKing SimonAKing

In this tutorial we're going to build a set of parser combinators.

What is a parser combinator?

We'll answer the above question in 2 steps.

What is a parser?
and, what is a parser combinator?

So first question: What is parser?

In the below keyboard shortcuts, I use the capital letters for reading clarity but this does not imply shift, if shift is needed, I will say shift. So ⌘ + D does not mean hold shift. ⌘ + Shift + D does of course.

Tabs and Windows

Function	Shortcut
New Tab	`⌘` + `T`
Close Tab or Window	`⌘` + `W` (same as many mac apps)
Go to Tab	`⌘` + `Number Key` (ie: `⌘2` is 2nd tab)
Go to Split Pane by Direction	`⌘` + `Option` + `Arrow Key`

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.

Each of these commands will run an ad hoc http static server in your current (or specified) directory, available at http://localhost:8000. Use this power wisely.

Discussion on reddit.

Python 2.x

$ python -m SimpleHTTPServer 8000

Introduction

C-a == Ctrl-a
M-a == Alt-a

General

:q        close
:w        write/saves
:wa[!]    write/save all windows [force]
:wq       write/save and close

	{
	"emojis": [
	{"emoji": "👩‍👩‍👧‍👧", "name": "family: woman, woman, girl, girl", "shortname": ":woman_woman_girl_girl:", "unicode": "1F469 200D 1F469 200D 1F467 200D 1F467", "html": "👩&zwj;👩&zwj;👧&zwj;👧", "category": "People & Body (family)", "order": ""},
	{"emoji": "👩‍👩‍👧‍👦", "name": "family: woman, woman, girl, boy", "shortname": ":woman_woman_girl_boy:", "unicode": "1F469 200D 1F469 200D 1F467 200D 1F466", "html": "👩&zwj;👩&zwj;👧&zwj;👦", "category": "People & Body (family)", "order": ""},
	{"emoji": "👩‍👩‍👦‍👦", "name": "family: woman, woman, boy, boy", "shortname": ":woman_woman_boy_boy:", "unicode": "1F469 200D 1F469 200D 1F466 200D 1F466", "html": "👩&zwj;👩&zwj;👦&zwj;👦", "category": "People & Body (family)", "order": ""},
	{"emoji": "👨‍👩‍👧‍👧", "name": "family: man, woman, girl, girl", "shortname": ":man_woman_girl_girl:", "unicode": "1F468 200D 1F469 200D 1F467 200D 1F467", "html": "👨&zwj;👩&z

	"use strict";

	/**
	* Hypertext Transfer Protocol (HTTP) response status codes.
	* @see {@link https://en.wikipedia.org/wiki/List_of_HTTP_status_codes}
	*/
	enum HttpStatusCode {

	/**
	* The server has received the request headers and the client should proceed to send the request body

	/* global window */

	const popup = (url) => {
	const windowArea = {
	width: Math.floor(window.outerWidth * 0.8),
	height: Math.floor(window.outerHeight * 0.5),
	};

	if (windowArea.width < 1000) { windowArea.width = 1000; }
	if (windowArea.height < 630) { windowArea.height = 630; }

	// Observable is an Union Type, with the following variants
	const Empty = () => ['EMPTY']
	const Cons = (head, tail) => ['CONS', head, tail]
	const Future = promise => ['FUTURE', promise]

	// race between 2 promises; each promise will resolve to a lazy value
	const lazyRace = (p1, p2) => Promise.race([p1,p2]).then(lazy => lazy())

	// function composition
	const compose = (...fns) => (arg) => fns.reduceRight((res, f) => f(res), arg)

	--- Actions ---
	$Copy <M-C>
	$Cut <M-X> <S-Del>
	$Delete <Del> <BS> <M-BS>
	$LRU
	$Paste <M-V>
	$Redo <M-S-Z> <A-S-BS>
	$SearchWeb <A-S-G>
	$SelectAll <M-A>
	$Undo <M-Z>