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
Tweet

More Decks by Ricardo Mendes

Other Decks in Technology

Transcript

  1. State of Ember.js

    View full-size slide

  2. twitter.com/locks
    Core Team

    Learning Team
    Ricardo Mendes
    github.com/locks

    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
    Goals

    • Enable to pass multiple blocks to a
    component.

    • Unify unification of renderable
    syntax
    Sample

    View full-size slide

  13. After
    RFC #226 - Simplify QUnit testing API
    Before

    View full-size slide

  14. Ember v2.15.0
    Ember.js
    • 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
    node_modules

    • Use headless Chrome by default in apps and
    addons

    • 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
    Goals
    • Unify layout between application and addons

    • Enable "drag and drop" from Glimmer.js

    • Move more of the work from run time to build
    time

    • Static module map

    View full-size slide

  17. RFC #143 - Module Unification

    View full-size slide

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

    • 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