Alex chantlong

System Design Cheatsheet

Step One: Framing The Problem a.k.a get the MVP

Identify the use cases that are in scope
Determine constraints based on scoped use cases

use case : the things your system needs to be do.

constraints : the things your system will have to consider to be able to do stuff

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

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

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.

	# Clone llama.cpp
	git clone https://github.com/ggerganov/llama.cpp.git
	cd llama.cpp

	# Build it
	make clean
	LLAMA_METAL=1 make

	# Download model
	export MODEL=llama-2-13b-chat.ggmlv3.q4_0.bin

	mkdir ~/vim
	cd ~/vim

	# Staically linked vim version compiled from https://github.com/ericpruitt/static-vim
	# Compiled on Jul 20 2017
	curl 'https://s3.amazonaws.com/bengoa/vim-static.tar.gz' \| tar -xz

	export VIMRUNTIME="$HOME/vim/runtime"
	export PATH="$HOME/vim:$PATH"
	cd -