davidtheclark

// Simplest component: stateless function.
function Hello(props) {
  return (
    <div className="txt-bold">
      Hello {props.name}
    </div>
  );
}

// Without JSX.

davidtheclark

'use strict';

const mapnik = require('mapnik');
const VectorTile = require('vector-tile').VectorTile;
const Protobuf = require('pbf');
const fs = require('fs');

mapnik.register_default_input_plugins();

const geojson = fs.readFileSync('original-russian-triangle.geojson', 'utf8');

davidtheclark

var VectorTile = require('vector-tile').VectorTile;
var Protobuf = require('pbf');
var fs = require('fs');
var path = require('path');

var data = fs.readFileSync(path.join(__dirname, './pbfs/river.vector.pbf'));

var tile = new VectorTile(new Protobuf(data));

var layer = tile.layers['russian-river'];

davidtheclark

'use strict';

var fs = require('graceful-fs');
var Promise = require('pinkie-promise');
var yaml = require('js-yaml');
var parseJson = require('parse-json');
var requireFromString = require('require-from-string');

module.exports = function(configPath, configFormat) {
  return new Promise(function(resolve) {

davidtheclark

var pathmodify = require('pathmodify')
var browserify = require('browserify')

browserify('./index.js')
	.plugin(pathmodify(), {
		mods: [
			pathmodify.mod.dir('foo', './test/foo')
		]
	})
	.bundle();

davidtheclark

There are several modules that do the following:

1. locate available browsers on the current machine;
2. do something with that information.

Usually #2 is "launch the browser with some specific content", but not always.

The modules I have in mind (of course there may be more!) are:

• testem
• browser-launcher

davidtheclark

# For SCSS-Lint v0.31.0

linters:

  BangFormat:
    enabled: true
    space_before_bang: true
    space_after_bang: false

  BorderZero:

davidtheclark

# First install Freemarker language support with https://github.com/niltonheck/language-freemarker

'.text.html.ftl':
  'Freemarker if':
    'prefix': 'if'
    'body': """
      [#if ${1:condition}]
        $2
      [/#if]
    """

davidtheclark

// ----
// libsass (v2.0.0)
// ----

@mixin first {
  /* first mixin was included */
  body {
    font-size: 100px;
  }
}

davidtheclark

@import "../bower_components/scut/dist/scut";

@for $i from 1 through 200 {
  .test-#{$i} {
    @extend %scut-hide-visually;
    @extend %scut-image-replace;
    @extend %scut-triangle;
    @extend %scut-clearfix;
    @extend %scut-fill;
    @extend %scut-list-unstyled;