Matt Aitchison mattatcha

ArchLinux on MacBook Retina 13"

Info

Resources

Javascript #router. Features:

Just 70 lines of code.
Router scope can be bound to any object (default window); just change first parameter
Triggers custom DOM (Level 2) events on window.document.
IE 9+, FF, and Webkit based browsers [Tested only in Chrome and FF].

BoardMVC

Note: this is a draft. The rules and requirements will be finalized on July 1st 2014.

You may have seen TodoMVC which shows the same todo list, created with many different frameworks and libraries.

It's very helpful, but people often find it lacking in common requirements for a web app. It doesn't handle users, persistence, reusable components, modals, AJAX, etc.

	var _missing= function(data){ return React.DOM.pre(null, "Route not found: "+ data.route) },
	_router= null,
	_started= false,
	_nextId= 1;

	function handleRouteChange(container, component) {
	var routeParams= Array.prototype.slice.call( arguments, 1 )
	React.renderComponent(
	component({ routeParams:routeParams }, null),
	container

	/** @jsx React.DOM */

	/**
	* Our component structure will look like the following:
	* - WikiBox
	* -- AutoCompleteBox
	* --- AutoComplete
	*/

	// this component renders a single entity coming from wikipedia

	r := mux.NewRouter()

	// Single handler
	r.HandleFunc("/form", use(http.HandlerFunc(formHandler), csrf, logging)

	// All handlers
	http.Handle("/", recovery(r))

	// Sub-routers
	apiMiddleware := []func(http.Handler) http.Handler{logging, apiAuth, json}

	#!/bin/bash

	codep() {
	set -eo monitor
	trap 'kill $(jobs -p) &> /dev/null' EXIT
	trap 'exit 2' CHLD
	for child in "$@"; do
	$child &
	done
	wait

	var gulp = require('gulp');
	var rimraf = require('rimraf');
	var less = require('gulp-less');
	var concat = require('gulp-concat');
	var prefixer = require('gulp-autoprefixer');
	var cssmin = require('gulp-minify-css');
	var jsmin = require('gulp-uglify');
	var watch = require('gulp-watch');
	var util = require('gulp-util');
	var rename = require('gulp-rename');

	package main

	import (
	"fmt"
	"log"
	"net/http"

	"html/template"

	"github.com/gorilla/sessions"

	th span {
	width: 2em;
	display: inline-block;
	}