Oleh Burkhay atma

The introduction to Reactive Programming you've been missing

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.

Install with Homebrew

brew install redis

Set up launchctl to auto start redis

$ ln -sfv /usr/local/opt/redis/*.plist ~/Library/LaunchAgents

/usr/local/opt/redis/ is a symlink to /usr/local/Cellar/redis/x.y.z (e.g., 2.8.7)

The prep-script.sh will setup the latest Node and install the latest perf version on your Linux box.

When you want to generate the flame graph, run the following (folder locations taken from install script):

sudo sysctl kernel.kptr_restrict=0
# May also have to do the following:
# (additional reading http://unix.stackexchange.com/questions/14227/do-i-need-root-admin-permissions-to-run-userspace-perf-tool-perf-events-ar )
sudo sysctl kernel.perf_event_paranoid=0

Description

This simple script will take a picture of a whiteboard and use parts of the ImageMagick library with sane defaults to clean it up tremendously.

The script is here:

#!/bin/bash
convert "$1" -morphology Convolve DoG:15,100,0 -negate -normalize -blur 0x1 -channel RBG -level 60%,91%,0.1 "$2"

Results

Default

Powerlevel10k

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.

	#! /usr/bin/env python2
	# Requires: PIL, colormath
	#
	# Improved algorithm now automatically crops the image and uses much
	# better color matching

	from PIL import Image, ImageChops
	from colormath.color_conversions import convert_color
	from colormath.color_objects import LabColor
	from colormath.color_objects import sRGBColor as RGBColor

	var svg = document.querySelector( "svg" );
	var svgData = new XMLSerializer().serializeToString( svg );

	var canvas = document.createElement( "canvas" );
	var ctx = canvas.getContext( "2d" );

	var img = document.createElement( "img" );
	img.setAttribute( "src", "data:image/svg+xml;base64," + btoa( svgData ) );

	img.onload = function() {


	//////////////////////////////////////////////////////////////
	// Font Variables (http://cssfontstack.com/)
	//////////////////////////////////////////////////////////////

	//
	// Serif font-stacks
	//

	$baskerville-font-stack: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif !default;

	// Functions to help figure out whether elements are in the viewport
	// and lazy-load their content if so.
	// Implemented as jQuery plugins.
	(function() {

	$.fn.inView = function(nearThreshold) {
	var $elem = $(this);
	// Checks if its visible, CSS-wise
	if (!$elem.is(":visible")) {
	return false;