drwpow

const IronWorker = require('iron_worker');

const worker = new IronWorker.Client({
  token: process.env.IRON_TOKEN,
  project_id: process.env.IRON_PROJECT_ID,
});

const payload = { first: 'Hello', second: 'World' };
const options = { priority: 1 };

drwpow

const Koa = require('koa');
const serve = require('koa-static');
const { get } = require('koa-route');

const app = new Koa();

app.use(
  get('/api/v1/peaks', ctx => {
    const data = require('./data/summits.json');
    ctx.body = data;

drwpow

A

Acton’s Dictum

“Power tends to corrupt, and absolute power corrupts absolutely. Great men are almost always bad men [...]”

Amara’s Law

“We tend to overestimate the effect of a technology in the short run and underestimate the effect in the long run.”

Amdahl’s Law

The theoretical speedup is limited to at most 20 times the single thread performance (i.e., parallelization has diminishing returns).

drwpow

Babel Node Types

In learning Babel, I found the learning curve pretty difficult. I made this document to better understand the node types I’d be working with. These are my notes I’ve collected.

Table of Contents

1. Global
2. Children

drwpow

/**
 * @param {number} yPos Pixels from the top of the screen to scroll to
 * @param {number} duration Time of animation in milliseconds
 */
const scrollTo = (yPos, duration = 600) => {
  const startY = window.scrollY;
  const difference = yPos - startY;
  const startTime = performance.now();

  const step = () => {

drwpow

Date	CFP Deadline	Location	Details
Jun 21–22	Mar 15	Denver	DinosaurJS
Jul 27		Omaha	NEJS
Aug 12–14	Mar 11	Carlsbad	JSConf US
Aug 27–28		Denver	GopherCon
Sep 6	Apr 6	Melbourne, AU	ComponentsConf
Oct 10–11	ASAP	Stockholm	Nordic.js
Oct 13–15		Raleigh	All Things Open
Nov 15–16		Seattle	CascadiaJS

drwpow

Simple, native React solution for fetching & caching data using hooks. Based on react-hooks-example.

Features

• < 1KB (not including axios, but that can be easily swapped with fetch or any promise library)
• Caches requests: will only re-fire if a request parameter has changed
• Component can be re-rendered; request won’t fire unless necessary

Setup

drwpow

It should be noted that each creator was not the sole contributor. But either presented the idea, or became the outspoken advocate for it.

Name	Creator(s)	Year	Notes
BEM	Yandex	2006–2010	According to [the site][bem], they claim to have used it internally since 2006. But the public release was in 2010.
OOCSS	Nicole Sullivan	2008	️According to [Nicole Sullivan][nc], code started in 2004 but first talk was in 2008
Sketch		2010	Version 3, introducing Symbols and many other hallmark features, released 2014
SMACSS	Jonathan Snook	2011

drwpow

It should be noted that each creator was not the sole contributor. But either presented the idea, or became the outspoken advocate for it.

Name	Creator(s)	Year	Notes
React	Jordan Walke (Facebook)	2013	Open-sourced in 2013 after years of internal use
React: CSS in JS	Christopher “vjeaux” Chedeau	2014	The slide that started a war
CSS Modules	Sokra?	2015	Premiered as a [webpack demo][css-webpack]
PostCSS CSS Modules	Alexander Madyankin	2015
Aphrodite	Emily Eisenberg	2015

drwpow

const canvasSketch = require('canvas-sketch');
const colors = require('nice-color-palettes');
const random = require('canvas-sketch-util/random');
const { lerp } = require('canvas-sketch-util/math');

const settings = {
  dimensions: [2048, 2048],
};

const palette = random.pick(colors);