branneman

Better local require() paths for Node.js

Problem

When the directory structure of your Node.js application (not library!) has some depth, you end up with a lot of annoying relative paths in your require calls like:

const Article = require('../../../../app/models/article');

Those suck for maintenance and they're ugly.

Possible solutions

branneman

$(function() {
    var resizeEnd;
    $(window).on('resize', function() {
        clearTimeout(resizeEnd);
        resizeEnd = setTimeout(function() {
            $(window).trigger('resize-end');
        }, 100);
    });
});

branneman

/**
 * This function polls the component's props for Apollo to set `props.data.loading` to `false`
 * @example
 *   await waitDuringLoadingState(testRenderer, TodoContainer)
 * @see {@link https://reactjs.org/docs/test-renderer.html}
 * @param {TestRenderer} testRenderer
 * @param {React.Component} testComponent
 * @returns {Promise}
 */
export function waitDuringLoadingState(testRenderer, testComponent) {

branneman

Primitive Types & Reference Types in JavaScript

An explanation of JavaScript's pass-by-value, which is unlike pass-by-reference from other languages.

Facts

• JavaScript has 2 kinds of variable types: primitive and reference.
• A fixed amount of memory is reserved after creation of every variable.
• When a variable is copied, it's in-memory value is copied.
• Passing a variable to a function via a call also creates a copy of that variable.

Primitive Types

branneman

<?php
/**
 * Case in-sensitive array_search() with partial matches
 *
 * @param string $needle   The string to search for.
 * @param array  $haystack The array to search in.
 *
 * @author Bran van der Meer <branmovic@gmail.com>
 * @since 29-01-2010
 */

branneman

def application(environ, start_response):
    import sys
    path = 'YOUR_WWW_ROOT_DIRECTORY'
    if path not in sys.path:
        sys.path.append(path)
    from pyinfo import pyinfo
    output = pyinfo()
    start_response('200 OK', [('Content-type', 'text/html')])
    return [output]

branneman

// Factory
var encrypterFactory = function(config) {
    var encrypter = eval('new Encrypt' + config.algorithm.toUpperCase());
    if (typeof encrypter.encrypt !== 'function') {
        throw new Error(encrypter.constructor.name + ' must implement the `encrypt` method!');
    }
    return encrypter;
};

// Implementations

branneman

var fn = function(arg1, arg2) {
    var str = '<p>aap ' + this.noot + ' ' + arg1 + ' ' + arg2 + '</p>';
    document.body.innerHTML += str;
};
var context = {
    'noot': 'noot'
};
var args = ['mies', 'wim'];

// Calls a function with a given 'this' value and arguments provided individually.

branneman

Complete Courses

• Neil Gresham - Masterclass Part 1: Technique & Training [video]
• Neil Gresham - Masterclass Part 2: Skills & Tactics [video]
• Khan Academy - Human anatomy and physiology: Skeletal system [video]

Body

Warming up

• EpicTV / Louis Parkinson - How To Warm Up For Climbing [video, 2:24]
• Eric Karlsson - My Warm Up Routine [video, 11:45]
• Mani the Monkey - Stretching/Warmup Routine [video, 8:34]

branneman

Visual Studio Code: My setup (macOS)

Global settings

git clone git@github.com:branneman/dotfiles.git ~/.dotfiles
ln -s ~/.dotfiles/vscode-settings.json "~/Library/Application Support/Code/User/settings.json"

Run from terminal

• Open the Command Palette (⌘ + ⇧ + P)