Truly Reactive Programming with Svelte 3.0
The latest release of Svelte, a compile-time Web framework, seems to have really struck a chord with developers.
Eric Elliott calls it “one of the most versatile functions that was ever discovered” but a lot of developers struggle with reduce beyond basic use cases. If that includes you, this tutorial goes into more depth.
A Sankey diagram uses snake-like lines to show changes or 'flows' in data formations (e.g. how a distribution of votes changed between two elections).
Vue.js and SEO: How to Optimize Reactive Sites for Search Engines
Are sites created with front-end rendered frameworks indexed by Google? Or do you need to set up pre-rendering? Paolo performed an experiment to see the reality.
Tools & Code
Pixi.js 5.0: Create Beautiful 2D Web Experiences
Boasts the ‘fastest, most flexible 2D WebGL renderer’ to let you take advantage of hardware acceleration without getting involved in WebGL or 3D concerns. Check out demos for what the code looks like and what you’d use it for. There’s also a Pixi Playground for quickly crafting your own experiments.
Tornis: Watch and Respond to Changes in the Browser's Viewport
You might not sign up for all of them (particularly those around classes and inheritance), but these ‘Uncle Bob’-inspired tips might help you think more about how you name things and structure your code.
Rough.js: Draw Web Graphics with a Hand-Drawn, 'Sketchy' Appearance
Supports both drawing on Canvas or using SVG. Yes, it's a classic, but it keeps getting updates.. most recently with support for dashed, sunburst, and zig-zag fills.