160812.md

Resources

• Export Chrome timeline profile screenshots to img/gif

  https://github.com/pmdartus/snapline

• SVG Motion Blur filter effect

  http://tympanus.net/Tutorials/MotionBlurEffect (as seen on http://gogopenguin.co.uk)

• Extract text from webpack to seperate bundle(s)

  https://github.com/webpack/extract-text-webpack-plugin

• JSON compression/obfuscation

  https://github.com/sapienlab/jsonpack https://www.npmjs.com/package/schemapack

• Immutable moment-esque date lib

  https://github.com/js-joda/js-joda

• CMS/data storage service w/ clientside api

  https://www.npmjs.com/package/cosmicjs

• react-canvas

  https://github.com/Flipboard/react-canvas

Topics

React animation perf

Trying not using GSAP/d3 in combination with React and storing animations within state as setState gets a bit rinsed and can lead to reconciliation issues/slow framerates. Current preferred method is to bypass React lifecycle methods and to animate using refs and update elements manually.

Talking about looking into creating a lib similar to react-canvas that would allow a component to return SVG elements that don't get rendered into the DOM and get rendered into a canvas each frame (possibly through imagedata and drawImage)