Notes from EmberConf 2016

notes.md

Keynote

• app cache - reliable second load w/o network hit
• http://ebryn.github.io/ember-appcache-demo/#/day/1 example of using app cache

Glimmer 2

• massive perf increase
• on it's own ~60fps
• in Ember ~30+fps

Service Worker

• hospitalrun.io
• used in 3rd world
• bad network is assumed

Service Workers

• not all browsers yet
• https only
• chrome debugging tools
• isserviceworkersready site
• http://sericework.rs
• ember install broccoli-serviceworker - just install and it works
  • configuration is in environment.js
  • swIncludeFiles allows include of files into the SW context
• service worker toolbox https://github.com/GoogleChrome/sw-toolbox
• /app/serviceworkers any files in here are includes in your app
• service worker code can intercept network calls or failed network calls, and return other data
• hospitalrun uses pouchdb in service worker to ensure the app works regardless of connection
• they also change api payloads based on network type (100 vs 10 results)
• native push! we should use this for download notifications
• unit testing w/ SW is still hard

Ember Patterns & Select

• http://talks.brennaobrien.com/ember-select/selecting-good-ember-patterns.pdf
• closure actions will aut bubble up through nested components
• {{GET}} helper - get a value off an object
• disabled={{get <obj> <propName>}}
• MUT helper
  • instead of sending an action up, you can mutate the model in-place if you want

Electron + Ember

• ember-electron
• https://github.com/felixrieseberg/ember-electron
• addon with all the shiny automation
• livereload
• cli for tdd, server mode tests
• conflict handling, packaging, ember inspector
• we should think @ how we can use a "Desktop" mode for our admin app
  • uploading data / file selection?

Ember Build

• add link to talk/video
• debugging a build plugin - broccoli-stew can emit the tree to disk
• broccoli-assetrev could be a model for using postcss and r2l

Day 2

Ember-Cli Future

• migration to npm, bower will be supported as an addin
• engines - unit @ which things will bundle
• PERF GUIDE in repo https://github.com/ember-cli/ember-cli/blob/master/PERF_GUIDE.md

D3 + Ember + Components

• charts vs graphics
  • focusing on graphics gives us more primitives to compose from
• lib uses d3 v4
• https://github.com/ivanvanderbyl/ember-cli-d3-shape
  • wraps many d3 modules
• https://github.com/ivanvanderbyl/maximum-plaid
• built on ember-cli-d3-shape
• when working with metrics, better to work with pojos vs Ember Objects
  • thus don't use Ember Data for metrics
• http://ec16.tomster.io/
• http://ec16.tomster.io/slides (not up yet)

Immutability

• Charles Lowell
  • extract model into its own onject
  • replace entire model on each change
• don't start with immutable js - only add when you have memory issues
• the frontsite ember-impagination

Glimmer2

• all about the guts of G2
• watch @mixtonic's talk on components

Follow up

• look at ember-metrics to see what we can pull from it, or if we can use it
  • we want to track the entry-points vs the landing on a route, so we can tell where in the UI the user clicked
• look into building an addon that could pull canonical-en.json files out of component add-ons, and merge into an addons-canonical-en.json file
• learn more @ broccoli
• for our admin, look at https://github.com/dockyard/ember-admin and see if we can drop this in for some simple crud over the main entities?
• Ember "Contextual Components"
• To handle change detection in deep graphs, use immutable.js
• how big is ember-data? vs immutable.js
• ember-can - simple authorization as an "Ability"
• add ember-cli-github-pages to torii-provider-arcgis