Bin Xin rhyzx

Comparison of syntax extensions in Markdown flavors

I created a crude comparison of the syntax of the various common Markdown extensions to have a better view on what are the most common extensions and what is the most widely accepted syntax for them. The list of Markdown flavors that I looked at was based on the list found on CommonMark's GitHub Wiki.

Flavor	Superscript	Subscript	Deletion* Strikethrough	Insertion*	Highlight*	Footnote	Task list	Table	Abbr	Deflist	Smart typo	TOC	Math	Math Block	Mermaid
GFM

Electron apps

Slide deck frameworks supporting Markdown source

Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

Example

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

For background and further references see: Entity Component Systems on Wikipedia

ECS by Scott Bilas (GDC 2002)

Entity->Components->Update

entity = class: no logic + no data OR at most small set of frequently used data (ie position)
component = class: logic + data

foreach entity in allEntities do
    foreach component in entity.components do

Clojure Destructuring Tutorial and Cheat Sheet

(Related blog post)

Simply put, destructuring in Clojure is a way extract values from a datastructure and bind them to symbols, without having to explicitly traverse the datstructure. It allows for elegant and concise Clojure code.

Vectors and Sequences

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.

Virtual DOM and diffing algorithm

There was a [great article][1] about how react implements it's virtual DOM. There are some really interesting ideas in there but they are deeply buried in the implementation of the React framework.

However, it's possible to implement just the virtual DOM and diff algorithm on it's own as a set of independent modules.

	// Compile with clang or MSVC (WINDOWS ONLY RN)
	//
	// Implementing a POC green threads system using safepoints to show how cheap and simple it can
	// be done, all you need to do is call SAFEPOINT_POLL in your own language at the top of every
	// loop and function body (you can loosen up on this depending on the latency of pausing you're
	// willing to pay). Safepoint polling is made cheap because it's a load without a use site
	// which means it doesn't introduce a stall and pays a sub-cycle cost because of it (wastes resources
	// sure but doesn't block up the rest of execution).
	//
	// # safepoint poll

	tvOS 10: 1080p + H.264
	http://a1.phobos.apple.com/us/r1000/000/Features/atv/AutumnResources/videos/entries.json

	tvOS 11: 1080p/4K + SDR/HDR + HEVC
	https://sylvan.apple.com/Aerials/2x/entries.json
	https://t27q97zg19.execute-api.us-east-1.amazonaws.com/prod/aerialAltJSON/4kEntites.json

	tvOS 12: 4K + SDR/HDR + HEVC, 1080p + H.264, localised descriptions
	https://sylvan.apple.com/Aerials/resources.tar