stereobooster

• https://gist.github.com/zellyn/3987890
• http://cmx.io/
• https://codegolf.stackexchange.com/questions/8562/recreate-an-xkcd-graph-procedurally-with-your-favorite-plotting-tool
• http://bl.ocks.org/zellyn/3987890
• http://bl.ocks.org/dfm/3914862
• https://github.com/ipython/xkcd-font
• http://xkcdgraphs.com/
• https://www.chrisstucchio.com/blog/2014/why_xkcd_style_graphs_are_important.html
• https://www.sitepoint.com/6-incredible-svg-pattern-generators/

stereobooster

Alternatives

• https://github.com/MaiaVictor/LJSON
• https://github.com/jed/lave
• https://github.com/yahoo/serialize-javascript
• https://github.com/benjamn/arson
• https://github.com/pugjs/js-stringify
• https://github.com/chakrit/node-uneval
• https://github.com/skeeto/resurrect-js
• https://github.com/mobxjs/serializr

stereobooster

• https://medium.com/@parkerdan/react-reselect-and-redux-b34017f8194c
• https://medium.com/dailyjs/when-do-i-know-im-ready-for-redux-f34da253c85f

Redux

• Use Smart and Dumb Components (Know More)
• Don't connect every component with the store which needs data from the store. Try to use pass data via props.
• Take care in how you are storing the data in your store or else you will end up with a store with too many keys lying around, which simply becomes difficult to make sense.
• Put things like different reducers, actions, selectors, etc in their own files for better separation of concerns.
• Use solid redux libraries like redux-saga for async requests, redux-form for form handling, etc.

stereobooster

https://github.com/google/closure-compiler/wiki/Types-in-the-Closure-Type-System

React.propTypes https://github.com/facebookincubator/create-react-app/issues/209

https://github.com/clojure/clojurescript/wiki/Compile-Time-Type-Checking#type-resolution

is it ready? https://reasonablytyped.github.io/ReasonablyTyped/
https://flow.org/blog/2016/10/13/Flow-Typed/
https://github.com/flowtype/flow-typed/issues/1220
https://github.com/flowtype/flow-typed/issues/1494

stereobooster

// pair with https://github.com/gr2m/appcache-nanny
// read more http://mmariani.github.io/appcachefacts/
// https://iandevlin.com/blog/2015/06/html5/getting-appcaches-fallback-to-work-crossbrowser/

const SW_PRECACHE_CONFIG = './sw-precache-config'
const OUT_FILE = '../build/manifest.appcache'

const glob = require('globby')
const { staticFileGlobs, stripPrefix, navigateFallback } = require(SW_PRECACHE_CONFIG)
const fs = require('fs')

stereobooster

2.3.5

stereobooster

node_modules

stereobooster

• https://github.com/anvaka/ngraph.path
• https://medium.com/@Scarysize/the-moving-city-visualizing-public-transport-877f581ca96e
• https://interaktiv.morgenpost.de/berlin-an-deiner-linie/
• https://blog.webkid.io/visualization-of-data-along-public-transportation-lines-in-berlin/
• https://gist.github.com/stereobooster/13a26188d4ad5382bc6da9ffe76ce3e1
• https://github.com/derhuerst/vbb-modules
• https://mapzen.com/data/metro-extracts/metro/berlin_germany/
• https://www.transitwiki.org/TransitWiki/index.php/Publicly-accessible_public_transportation_data
• https://daten.berlin.de/kategorie/verkehr
• https://developers.google.com/transit/gtfs/

stereobooster

instructions

• https://material.io/guidelines/components/snackbars-toasts.html#

examples

• http://github.hubspot.com/offline/docs/welcome/
• https://tympanus.net/Development/NotificationStyles/index.html
• http://bootstrap-notify.remabledesigns.com/

css3 animations

• http://www.justinaguilar.com/animations/index.html#

stereobooster

• http://www.kodira.de/2013/11/ios-7-app-icon-template-inkscape-svg-editor/
• https://hackernoon.com/apples-icons-have-that-shape-for-a-very-good-reason-720d4e7c8a14
• http://blog.christopherkylehorton.com/2015/05/how-to-make-squircle-in-svg.html
• https://en.wikipedia.org/wiki/Squircle
• http://ilyabirman.ru/meanwhile/all/metro-line-curves/
• https://codepen.io/AmeliaBR/details/KaJaWK
• https://thenounproject.com/term/squircle/202667/

---