Matt Mueller matthewmueller

## flow-based-programming.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                matthewmueller
                / flow-based-programming.md
            
            
              Last active
              August 29, 2015 14:05
            
              
                Some quick notes on flow-based programming
              
          
    Flow-based Programming is all about reacting to event sources. Event sources in the browser might be:

A DOM event
AJAX call
Onload initial data passing
Local DB fetch (local storage, indexdb)

In order to build larger systems, nodes need to be chainable and flows need to be composable. I think the best way to do this in Javascript may look something like this:


## view-model-binding.js
dc.ui.Document = Backbone.View.extend({

  initialize: function() {
    this.model.bind('change', this._onDocumentChange);
    this.model.bind('change:selected', this._setSelected);
    this.model.bind('view:pages', this.viewPages);
    this.model.notes.bind('add', this._addNote);
    this.model.notes.bind('reset', this._renderNotes);
    this.model.pageEntities.bind('reset', this._renderPages);
  }

## README.md

      
              2 files
            
          
              1 fork
            
          
              0 comments
            
          
              13 stars
            
          
                TooTallNate
                / README.md
            
            
              Last active
              October 8, 2015 18:38
            
              
                Forward port 80 traffic from 127.0.0.1 to port 3000 at bootup on OS X
              
          
    Copy this file to: /Library/LaunchDaemons/fwd-80-to-3000.plist and then reboot:
$ sudo -s
$ curl -L https://gist.github.com/TooTallNate/3372589/raw/ace6451e9e47f59550f12d09cb924a64531cfd1f/fwd-80-to-3000.plist > /Library/LaunchDaemons/fwd-80-to-3000.plist
$ reboot

  
## git-resources.txt
These are some helpful Git resources that I found while climbing the learning curve.
Feel free to append / modify

=======================
== UNDERSTANDING GIT ==
=======================

* The Git Parable
- http://tom.preston-werner.com/2009/05/19/the-git-parable.html
- "Read this parable all the way through and you should have very little trouble mastering the various Git commands and wielding the awesome power that Git makes available to you."

## howto-linode-ubuntu-raring-docker.md

      
              1 file
            
          
              0 forks
            
          
              2 comments
            
          
              6 stars
            
          
                surjikal
                / howto-linode-ubuntu-raring-docker.md
            
            
              Last active
              December 19, 2015 19:59
            
          
    Linode Ubuntu 13.04 + Docker

Follow the instructions here:
https://www.linode.com/wiki/index.php/PV-GRUB#Ubuntu_12.04_Precise
Basically:
apt-get update
apt-get install -y linux-virtual grub-legacy-ec2


## anonymous
.blue {
  height: 200px;
  width: 100%;
  background: #293e81;
}

.white {
  height: 200px;
  width: 100%;
  background: #F7F7F7

## breakpoints_via_css.html
<!DOCTYPE html>
<!--[if IE 8]>    <html lang="sv-SE" class="no-js ie8"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="sv-SE" class="no-js"> <!--<![endif]-->
<head>
    <meta charset="UTF-8">
    <title>Breakpoint detection test</title>
    <style type="text/css" media="screen">
        @media screen and (min-width: 320px) {
            #page:after {
                content: 'smallest'; /* represent the current width-bracket */

## Event.swift
class Event <T:Any> {
    var handlers = Array<(T) -> Void>()

    func listen(handler: (T) -> Void) {
        handlers.append(handler)
    }

    func emit(object: T) {
        for handler in handlers {
            handler(object)

## anonymous
<style id="jsbin-css">
.form {
  font-size: 1em;
  color: #4C4C35;
  box-sizing: border-box;
}

.form, .form * {
  box-sizing: border-box;
}

## preact-vdom-viewer.js
/** Use the built-in document viewer in devtools to inspect your VDOM.
 *  Usage in console:
 *    viewComponentTree(document.body)
 */
function viewComponentTree(node) {
  let doc = new DOMParser().parseFromString('', 'application/xml');
  function visitor(dom) {
    let el, c;
    if (dom instanceof Node) {
      el = dom.cloneNode();
	dc.ui.Document = Backbone.View.extend({

	initialize: function() {
	this.model.bind('change', this._onDocumentChange);
	this.model.bind('change:selected', this._setSelected);
	this.model.bind('view:pages', this.viewPages);
	this.model.notes.bind('add', this._addNote);
	this.model.notes.bind('reset', this._renderNotes);
	this.model.pageEntities.bind('reset', this._renderPages);
	}
	These are some helpful Git resources that I found while climbing the learning curve.
	Feel free to append / modify

	=======================
	== UNDERSTANDING GIT ==
	=======================

	* The Git Parable
	- http://tom.preston-werner.com/2009/05/19/the-git-parable.html
	- "Read this parable all the way through and you should have very little trouble mastering the various Git commands and wielding the awesome power that Git makes available to you."
	.blue {
	height: 200px;
	width: 100%;
	background: #293e81;
	}

	.white {
	height: 200px;
	width: 100%;
	background: #F7F7F7
	<!DOCTYPE html>
	<!--[if IE 8]> <html lang="sv-SE" class="no-js ie8"> <![endif]-->
	<!--[if gt IE 8]><!--> <html lang="sv-SE" class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="UTF-8">
	<title>Breakpoint detection test</title>
	<style type="text/css" media="screen">
	@media screen and (min-width: 320px) {
	#page:after {
	content: 'smallest'; /* represent the current width-bracket */
	class Event <T:Any> {
	var handlers = Array<(T) -> Void>()

	func listen(handler: (T) -> Void) {
	handlers.append(handler)
	}

	func emit(object: T) {
	for handler in handlers {
	handler(object)
	<style id="jsbin-css">
	.form {
	font-size: 1em;
	color: #4C4C35;
	box-sizing: border-box;
	}

	.form, .form * {
	box-sizing: border-box;
	}
	/** Use the built-in document viewer in devtools to inspect your VDOM.
	* Usage in console:
	* viewComponentTree(document.body)
	*/
	function viewComponentTree(node) {
	let doc = new DOMParser().parseFromString('', 'application/xml');
	function visitor(dom) {
	let el, c;
	if (dom instanceof Node) {
	el = dom.cloneNode();