EmberConf 2018

A collection of links (and notes) that summarize the events of EmberConf 2018. Please submit a PR if you'd like!

Inspired by @poteto's past EmberConf repos. See 2017, 2016, and 2015 for previous years!

Livestream

• Official live stream
• Live captions

Day 1

Talks

Keynote by Tom Dale and Yehuda Katz

Overall, lots of API improvements, as well as exciting advances in Glimmer.js.

• New filesystem layout
• Optional jQuery
• Codemods
  • async/await in tests
  • JS module api
  • Computed properties, use es5 getters
  • ES6 classes
    • TypeScript
  • Decorators
• Editor integration
  • VSCode
• Fragment components, empty tagName
• @tracked properties, autotracking dependencies
• @args syntax in templates
• Experimental
  • Angle bracket syntax
  • Single word component names
  • Named blocks RFC
• LinkedIn feed in Preact and Glimmer
• https://schedule.emberconf.com - uses rehydration
• https://schedule-wasm.emberconf.com - uses WASM
  • Glimmer written in Rust

Brief interlude from sponsor Percy.io by Mike Fotinakis

• percy-web, open source front-end
• Example of PR integration

Ambitious for All: Accessibility in Ember by Melanie Sumner

Be magnanimous.

• Video - Not uploaded yet. Submit a PR if you find it!
• Slides - Not uploaded yet. Submit a PR if you find it!
• WAI-ARIA
• WCAG 2.0
• Color-blind glasses
• https://include.ai
  • Add alt text to images on the web
• ember-a11y
• Problems
  • Route transitions
  • Modal focus
  • aria-* support
  • Clicks
  • Passwords
• Easy wins
  • Use HTML5 elements
  • Link for routing, button for everything else
  • Keyboard nav, arrow keys
  • Color contrast
  • Image alt text
    • <img src="elmo.png" alt="" role="presentation" />
• ember-component-attributes
• #topic-a11y

Everything they didn't tell you about the Ember Community by Jessica Jordan

Jessica provides an exhaustive overview of the Ember.js ecosystem and Emberista subculture.

• Video - Not uploaded yet. Submit a PR if you find it!
• Slides - Not uploaded yet. Submit a PR if you find it!
• Subculture
  • Emberistas, subset/subculture of JavaScript community
• Growth in @angular/cli download counts
• Top addons on Ember Observer
• ember-rickroll :troll:
• Ember Request For Comments (RFC) process
• Quest issues concept
  • Example: Ember Data
• Ember.js status board
• Adoption of RFC process by React
• Ember.js Slack Community
  • #give-wrjblue-a-beer
• Rapidly growing ember-cli-typescript adoption
• Email newsletters
  • Ember Weekly
  • Ember.js Times
• Offline
  • EmberConf
  • EmberFest
  • EmberCamp
  • Meetups
• Ember Women Helping Women program
• (not part of talk, related essay) Melancholy of Subculture Society

The Next Generation of Testing by Tobias Bieniek

Tobias introduces new, elegant testing APIs in Ember.

• Video - Not uploaded yet. Submit a PR if you find it!
• Slides
• .andThen() vs async/await
• ember-native-dom-helpers
• @ember/test-helpers
• Grand Testing Unification RFC
• Codemods
  • ember-native-dom-helpers-codemod
  • ember-qunit-codemod
  • ember-test-helpers-codemod
• Test loading states: await waitFor('.loading-spinner');
• ember-test-selectors
• DOM assertion library: qunit-dom

Say More by Jamie White

Jamie examines test abstractions, and how one might hide details and edge cases behind a less powerful test language.

• Video - Not uploaded yet. Submit a PR if you find it!
• Slides - https://speakerdeck.com/turbo87/the-next-generation-of-testing-in-ember-dot-js
• Access via accessibility
• Rule of Least Power
• Babel plugin for generating keyboardClick test
• say-more app demonstrating concepts from talk

Who Moved My Cheese? Ember's New Filesystem Layout by Matthew Beale

• Video - Not uploaded yet. Submit a PR if you find it!
• Slides - Not uploaded yet. Submit a PR if you find it!
• Ember.js Community Survey
• Module Unification RFC
• Codemods
  • ember-cli/ember-modules-codemod
• ember-optional-features
• Concepts
  • Colocation
  • Local lookup / isolation
  • Addon namespaces
    • {{gadget-tools::list}}
  • Compatibility between Module Unification layout and classic layout
• schedule.emberconf.com module unification app
• Quest issue, module unification: final cut

Mastering the Art of Forms by Danielle Adams

Danielle dives into component and data design for use in form UI and UX.

• Video - Not uploaded yet. Submit a PR if you find it!
• Slides - https://slides.com/danielleadams/art-of-forms-ec18
• Design questions
  • Field type
  • Required
  • Dependency between inputs
• Data-loading component using willRender
  • Retries with ember-concurrency
• ember-cp-validations
• Concerns
  • Built-in validation in HTML5 inputs
  • Tab navigation order that makes sense
• Blue Apron - form examples on the site

How To Build A Bonfire: On Training and Hiring New Devs by Taylor Jones

• Video - Not uploaded yet. Submit a PR if you find it!
• Slides - Not uploaded yet. Submit a PR if you find it!
• Mythical Man Month
  • Can't throw people at a problem... or can you
• Help your team become skilled at Ember
• "...context of a developer's past affects how they understand the future..."
  • Example: React vs. Angular background
• Have a style guide
  • Not just syntax, but how to do things

Living Animation by Edward Faulkner

mind blown

• Video - Not uploaded yet. Submit a PR if you find it!
• Slides - Not uploaded yet. Submit a PR if you find it!
• Animation approaches
  • Tweening
  • Procedural animation: rules and physics models in games
• liquid-fire
  • Separation between app logic and animation
  • Establish rules (like in games) and let motions emerge
• ember-animated, "Glimmer"-ization of liquid-fire
• ef4/living-animation