Bookmarks

Some nice tips on managing state in React. The title mentions not using Redux, but there's really more useful stuff about pulling state out into composable functions

“Open feature request: CallSession API” [for Progressive Web Apps #PWA] by Trond Kjetil Bremnes

Wrote a quick script to check for missing dependencies before starting a node script:

Pretty cool demo showing CSS Grid overrides of Bootstrap with @supports. Great way of slowly migrating over to Grid and without losing browser support

If you’re a web developer, stop what you’re doing right now and read this: Then go fix your shit 😱

Useful walkthrough on setting up Headless Chrome with Karma. Looks like a good replacement for PhantomJS

RT @AndyDavies: Fascinating article on why the London Underground gets so hot -

This comment is so useful for npm scripts: Especially when most advice seems to be `exit 0` which breaks piping & CI

Nice explanation of CSS minmax function (part of the Grid spec)

Github's icon set

A nice (but small) icon set from Nelify

Huh. TIL . It makes sense when you think about it

Good guide on ways to avoid "layout thrashing" which is bad for performance. Most useful tip is to only check layout forcing properties in JS (height, width etc) at the beginning of requestAnimationFrame

List of JS properties & functions which will cause forced layout/reflow when accessed. This can cause "layout thrashing" which is bad for performance

Useful tutorial on the basics of Node streams

Service worker best practices and strategies for caching for offline

Good "rule book" for writing CSS in teams. Do't agree with everything and some I wouldn't take to the extremes suggested here, but mostly good. I like the BEM suggestions too

Good perf tips from Twitter Lite PWA. Includes some nice flame graphs which are useful for diagnosing the problem (and learning how to read flame graphs)

Some clever tricks with :nth-child selectors

Compressing Genomes for Fun and Profit with Pareto, Docker and Gnuplot: