Gozala

WTF Flow

[Flow][] static type checker is a wonderful attempt to bring [algebric data types][] to JS. It is still fairly new project and there for has few WTFs that can pull you down the rabbit hole. This document is attempt to document things that may seem like a WTF from the perspective of JS developer who tries to employ static type checker, or in other words, some items on the list may be very subjective & based on the background of the writer.

Polymorphic type that is a function

It is very likely that one will wind up using [Polymorphic functions][] to solve a more general problem. And if you define type alias for such a function you may be puzzled what is the right syntax should be used for such type definition.

Let's start with:

tlrobinson

// give it a name so it reuses the same window
var win = window.open(null, "redux-devtools", "menubar=no,location=no,resizable=yes,scrollbars=no,status=no");

// reload in case it's reusing the same window with the old content
win.location.reload();

// wait a little bit for it to reload, then render
setTimeout(function() {
    React.render(
        <DebugPanel top right bottom left >

danielb2

function fish_prompt
  set_color blue
  echo -n [
  set_color cyan
  echo -n (whoami)
  set_color 3FF
  echo -n @
  set_color cyan
  echo -n (hostname|cut -d . -f 1)
  set_color blue

matthewbednarski

[{
    "Note": "The first two digits (ranging from 10–43) correspond to the province, while the last two digits correspond either to the city/delivery zone (range 01–50) or to the district/delivery zone (range 51–99). Afghanistan Postal code lookup",
    "Country": "Afghanistan",
    "ISO": "AF",
    "Format": "NNNN",
    "Regex": "^\\d{4}$"
}, {
    "Note": "With Finland, first two numbers are 22.",
    "Country": "Åland Islands",
    "ISO": "AX",
    "Format": "NNNNN",
    "Regex": "^\\d{5}$"
}, {
    "Note": "Introduced in 2006, gradually implemented throughout 2007.",
    "Country": "Albania",
    "ISO": "AL",
    "Format": "NNNN",
    "Regex": "^\\d{4}$"
}, {
    "Note": "First two as in ISO 3166-2:DZ",
    "Country": "Algeria",
    "ISO": "DZ",
    "Format": "NNNNN",
    "Regex": "^\\d{5}$"
}, {
    "Note": "U.S. ZIP codes (range 96799)",
    "Country": "American Samoa",
    "ISO": "AS",
    "Format": "NNNNN (optionally NNNNN-NNNN or NNNNN-NNNNNN)",
    "Regex": "^\\d{5}(-{1}\\d{4,6})$"
}, {
    "Note":

staltz

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.

---

ancestral

/* 
 *  JavaScript Keyboard Map (Mac layout)
 *
 *
 *              esc—— F1——— F2——— F3——— F4——— F5——— F6——— F7——— F8——— F9——— F10—— F11—— F12—— F13—————+
 *             |  27 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 |  ???  |
 *            ` ——— 1———— 2———— 3———— 4———— 5———— 6———— 7———— 8———— 9———— 0———— - ——— = ——— delete——+
 *           | 192 |  49 |  50 |  51 |  52 |  53 |  54 |  55 |  56 |  57 |  58 |  59 |  60 |   61  |
 *          tab———— Q———— W———— E———— R———— T———— Y———— U———— I———— O———— P———— [ ——— ] ——— \ ————+
 *         |   9   |  81 |  87 |  69 |  82 |  84 |  89 |  85 |  73 |  79 |  80 | 219 | 221 | 220 |

trey

Creating a Happy Git Environment on OS X

Step 1: Install Git

brew install git bash-completion

Configure things:

git config --global user.name "Your Name"

git config --global user.email "[email protected]"

steckel

root = if window? then window else global
root.$ = require("jquery")
root.jQuery = $

chriseppstein

@include keyframes(appear-and-roundify) {
  0%   { opacity: 0; @include border-radius(2px);  }
  100% { opacity: 1; @include border-radius(10px); }
}

lorennorman

app.get('/javascript/:buildable_js_file', function(req, res)
{
  var jsFilename = req.params.buildable_js_file
    , staticPath = 'public/javascript/' + jsFilename
    , buildPath  = 'app/client/' + jsFilename
    , buildDir   = buildPath.replace('.js', '')
    , serveJS    = function(jsString)
      {
        res.header('Content-Type', 'application/javascript')
        res.send(jsString)