(by @andrestaltz)
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.
(by @andrestaltz)
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.
/** | |
* Bit of code you can run in your developer toolbar or on https://jsfiddle.net . | |
* | |
* Fill in the characteristics of your own 'public file' solution and acceptance criteria. | |
*/ | |
(function(){ | |
'use strict'; | |
// dec=10,hex=16,[A-Z0-9]=36, etc. | |
var CHARACTER_COMBINATIONS = 16, |
I've taken the benchmarks from Matthew Rothenberg's phoenix-showdown, updated Phoenix to 0.13.1 and ran the tests on the most powerful machines available at Rackspace.
Framework | Throughput (req/s) | Latency (ms) | Consistency (σ ms) |
---|
I wrote this as a reference for myself because some of the property names are non-obvious, and there are a number of relevant special properties, and there is no central concise listing of them all in GSAP Docs, other than (in longer form) on the CSSPlugin page.
...are all supported, with hyphenated-names
becoming camelCaseNames
. Non-animatable properties are also supported but they will be set at the beginning of the tween.
Special mentions:
A lot of people mentioned other immutable JS libraries after reading my post. I thought it would be good to make a list of available ones.
There are two types of immutable libraries: simple helpers for copying JavaScript objects, and actual persistent data structure implementations. My post generally analyzed the tradeoffs between both kinds of libraries and everything applies to the below libraries in either category.
Libraries are sorted by github popularity.
For this Frontend Code review I did a check for Strich.io. The code can be checked here:
body { | |
background-image: | |
linear-gradient(45deg, #ccc 25%, transparent 25%), | |
linear-gradient(135deg, #ccc 25%, transparent 25%), | |
linear-gradient(45deg, transparent 75%, #ccc 75%), | |
linear-gradient(135deg, transparent 75%, #ccc 75%); | |
background-size:25px 25px; /* Must be a square */ | |
background-position:0 0, 12.5px 0, 12.5px -12.5px, 0px 12.5px; /* Must be half of one side of the square */ | |
} |