Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Hella Good Ember

tomdale
June 29, 2016

Hella Good Ember

The closing keynote from Wicked Good Ember 2016, hosted on Thompson Island in Boston. https://wickedgoodember.com

tomdale

June 29, 2016
Tweet

More Decks by tomdale

Other Decks in Programming

Transcript

  1. HTML + HTTP + maybe JS client-side JavaScript progressive enhancement

    JavaScript slow devices, good network fast devices, bad network technology best for
  2. 0 11 22 33 44 kilobytes, min + gzip React

    44kb Glimmer 2 40kb App +
  3. • JavaScript • Small core • Components implemented in Ember

    Glimmer 1 Glimmer 2 • TypeScript • “Rendering engine engine” • Components implemented in Glimmer
  4. • String loading • Eagerly load common modules • Net

    20% real-world improvement Improving Mobile Load Times
  5. • router.js • route-recognizer • rsvp • simple-dom • simple-html-tokenizer

    • glimmer • backburner • dag • container • morph-range
  6. • Catches bugs • Improves performance • Helps enforce static

    code V8 requires • Support opt-in for apps • Design user-facing APIs JavaScript-first • Aggressive minification TypeScript
  7. raven-js shortid sass gulp gulp-real-favicon autoprefixer mocha bluebird validator.js webpack-isomorphic-tools

    react-helmet react redux redux-storage babeljs immutablejs react-router react-router-redux react-intl webpack express eslint formatjs
  8. A lot of people will tell you that a set

    of small, composable libraries is better than an opinionated framework, because when your constraints don’t line up perfectly with the framework’s choices, you are out of luck. When using your own set of libraries, you have to glue together all the individual components yourself. On the other hand, a well-designed framework like Ember is just a curated set of libraries that work together seamlessly out-of-the-box. If something doesn’t work for you, you can just replace those parts and drop in a custom adapter or two. Godfrey Chan Canadian JavaScript Ambassador bit.ly/ember-adapter-patterns