Romain Lafourcade romainl

Javascript Deep Dive

This document is written to help JavaScript developers to understand JavaScript's weird parts deeply and to prepare for interviews, the following resources was really helpful to write this document:

General Notes

Table of Contents:

Why FLUX?
About this Guide
Library Dependencies
Directory Structure
store.js
constants.js
dispatcher.js
actions.js
app.js

Zen.js

It seems that perfection is attained not when there is nothing more to add, but when there is nothing more to take away.

Antoine de Saint Exupéry

Zen.js is tiny attempt to create the Zen of reactive in-memory storage on the JS client-side environment.

How to obtain

Q.js

Q.js is a very simple, tiny and elegant DOM manipulation library that provides the essentials in an original and minimalistic way.

How to obtain

Just download the minified version here or include it directly in your HTML:

XT.js

Let's close the ultra-small library cycle with some awesome array-based templating. 323 bytes minified.

How to obtain

Just download the minified version here or include it into your code:

R.js

R.js is a 30-line JS library that brings life to the third part of minimalistic saga: parameterized client-side routing.

How to obtain

Download the library here or include the following into your HTML:

Epictetus

Philosophy is a way of life and not just a theoretical discipline.

Epictetus (55 — 135 AD) was a Greek slave of Rome. He became a great Stoic philosopher and teacher, and was eventually freed.

Although he was a fatalist, he believed that individuals are responsible for their own actions, which they can examine and control through rigorous self-discipline.

	" [email protected] 2017-05-07. Public domain.

	" From vimrc. Usual caveats apply. Comparable in effectiveness to
	" DetectIndent and Sleuth in practice, IME. Different trade-offs.

	" This works better for code rather than for arbitrarily formatted
	" files such as the help files, though it sometimes gets those right
	" too. If somebody has used set noet ts=4 in a file that should be
	" et sw=4, there's no easy way to detect that. You'll probably get
	" ts=8 in that situation. But the file will need fixing anyway.

	// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
	// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating

	// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel

	// MIT license

	(function() {
	var lastTime = 0;
	var vendors = ['ms', 'moz', 'webkit', 'o'];

	/*
	* Easing Functions - inspired from http://gizma.com/easing/
	* only considering the t value for the range [0, 1] => [0, 1]
	*/
	EasingFunctions = {
	// no easing, no acceleration
	linear: function (t) { return t },
	// accelerating from zero velocity
	easeInQuad: function (t) { return t*t },
	// decelerating to zero velocity