Erdem Arslan laphilosophia

`vs` Questions

http://stackoverflow.com/questions/804115 (rebase vs merge).
https://www.atlassian.com/git/tutorials/merging-vs-rebasing (rebase vs merge)
https://www.atlassian.com/git/tutorials/undoing-changes/ (reset vs checkout vs revert)
http://stackoverflow.com/questions/2221658 (HEAD^ vs HEAD~) (See git rev-parse)
http://stackoverflow.com/questions/292357 (pull vs fetch)
http://stackoverflow.com/questions/39651 (stash vs branch)
http://stackoverflow.com/questions/8358035 (reset vs checkout vs revert)

FWIW: I (@rondy) am not the creator of the content shared here, which is an excerpt from Edmond Lau's book. I simply copied and pasted it from another location and saved it as a personal note, before it gained popularity on news.ycombinator.com. Unfortunately, I cannot recall the exact origin of the original source, nor was I able to find the author's name, so I am can't provide the appropriate credits.

Effective Engineer - Notes

By Edmond Lau
Highly Recommended 👍
http://www.theeffectiveengineer.com/

What's an Effective Engineer?

Install MySQL on macOS Sierra

This procedure explains how to install MySQL using Homebrew on macOS Sierra 10.12

Install Homebrew

Installing Homebrew is effortless, open Terminal and enter :
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
Note: Homebrew will download and install Command Line Tools for Xcode 8.0 as part of the installation process.

Install MySQL

At this time of writing, Homebrew has MySQL version 5.7.15 as default formulae in its main repository :

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

Micro-Template: README.md

Valid template expressions:

expressions can reference any property on the passed in context, including nested properties and indexed access to array properties.

     {{ name }}
 {{ obj.name }}


	'use strict'


	############################################################################################################
	log = console.log
	warn = console.warn
	fn = ( new Intl.NumberFormat 'en-US' ).format

	/*
	Copy this into the console of any web page that is interactive and doesn't
	do hard reloads. You will hear your DOM changes as different pitches of
	audio.

	I have found this interesting for debugging, but also fun to hear web pages
	render like UIs do in movies.
	*/

	const audioCtx = new (window.AudioContext \|\| window.webkitAudioContext)()

	import Document, { Head, Main, NextScript } from 'next/document'

	import { renderToString } from 'react-dom/server'
	import { extractCritical } from 'emotion-server'
	import { ServerStyleSheet } from 'styled-components'
	import flush from 'styled-jsx/server'

	export default class MyDocument extends Document {
	static async getInitialProps(ctx) {
	const styledComponentsSheet = new ServerStyleSheet()

	const http2 = require('http2');
	const fs = require('fs');
	const path = require('path');
	const zlib = require('zlib');
	const brotli = require('brotli'); // npm package

	const PORT = 3032;
	const BROTLI_QUALITY = 11; // slow, but we're caching so who cares
	const STATIC_DIRECTORY = path.resolve(__dirname, '../dist/');
	const cache = {};

	var detectInjection = function(knownHostsArray) {
	var requests = window.performance.getEntriesByType("resource");
	var unknownHosts = [];
	var knownHosts = {};
	var foundHosts = {};

	for (var knownHost in knownHostsArray) {
	knownHosts[knownHostsArray[knownHost]] = true;
	}