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

State of Ember.js

State of Ember.js

A 10min talk I gave at the August 10th This.JavaScript livestream on the state of Ember.js.

Ricardo Mendes

August 10, 2017

More Decks by Ricardo Mendes

Other Decks in Technology


  1. State of Ember.js

    View full-size slide

  2. twitter.com/locks
    Core Team

    Learning Team
    Ricardo Mendes

    View full-size slide

  3. past and present

    View full-size slide

  4. The Ember.js Times

    View full-size slide

  5. versioned API Docs

    View full-size slide

  6. Ember Fastboot v1.0.0

    View full-size slide

  7. Ember CLI - Better Errors

    View full-size slide

  8. Ember CLI TypeScript v1.0.0

    View full-size slide

  9. "Typing your Ember"

    View full-size slide

  10. VS Code pack

    View full-size slide

  11. Ember Language Server
    • Component and helper autocompletion for inline and
    sub expressions

    • Definition providers for (enable features like "Go To
    Definition" or "Peek Definition"):

    ◦ Components (in Templates)

    ◦ Helpers (in Templates)

    ◦ Models

    ◦ Transforms

    • Route autocompletion in link-to

    • Diagnostics for ember-template-lint (if it is included in
    a project)

    View full-size slide

  12. RFC #226 - Named Blocks

    • Enable to pass multiple blocks to a

    • Unify unification of renderable

    View full-size slide

  13. After
    RFC #226 - Simplify QUnit testing API

    View full-size slide

  14. Ember v2.15.0
    • Remove explicit names from initializers

    • Router service phase 1

    • Remove deprecated owner._lookupFactory

    • Updated glimmer-vm version
    Ember CLI
    • Make app.import work with files inside

    • Use headless Chrome by default in apps and

    • Allow use with Node 8

    View full-size slide

  15. Ember v2.16.0
    RFC #176 - New Modules API

    View full-size slide

  16. RFC #143 - Module Unification
    • Unify layout between application and addons

    • Enable "drag and drop" from Glimmer.js

    • Move more of the work from run time to build

    • Static module map

    View full-size slide

  17. RFC #143 - Module Unification

    View full-size slide

  18. RFC #240 - ES Classes
    • Interop between EmberObject.extend and class

    • Pave the way for bringing EmberObject closer
    to native, decorators, getters/setters

    View full-size slide

  19. Status Board (WIP)

    View full-size slide

  20. glimmer.js - JavaScript component library
    • JavaScript / Template file separation

    • Ahead of time template compiling

    • TypeScript implementation

    • Web Component shim

    • Extracted from Ember.js

    • Progression path to full Ember.js application

    View full-size slide

  21. glimmer.js playground

    View full-size slide