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

State of Ember.js - This.JS 2018-02-22

State of Ember.js - This.JS 2018-02-22

Ricardo Mendes

February 22, 2018
Tweet

More Decks by Ricardo Mendes

Other Decks in Technology

Transcript

  1. State of Ember.js
    This.JavaScript, Feb. 22nd 2018

    View full-size slide

  2. twitter.com/locks
    Core Team

    Learning Team
    Ricardo
    Mendes github.com/locks

    View full-size slide

  3. Announcements

    View full-size slide

  4. Announcements
    Ember Community Survey
    https://www.emberjs.com/blog/2018/02/21/2018-ember-community-survey.html
    EmberConf
    http://emberconf.com/
    March 13 & 14, Portland, OR

    View full-size slide

  5. Ember 2.18
    Ember 2.17
    Ember 2.16

    View full-size slide

  6. Ember 2.16
    https://www.emberjs.com/blog/2017/10/11/ember-2-16-released.html

    View full-size slide

  7. Ember 2.16
    https://www.emberjs.com/blog/2017/10/11/ember-2-16-released.html

    View full-size slide

  8. Ember 2.17
    https://www.emberjs.com/blog/2017/11/20/ember-2-17-released.html

    View full-size slide

  9. Ember
    Ember 2.16 LTS released
    Bugfixes
    Ember 2.17
    Ember CLI
    Headless Chrome as default in tests
    Node 9 support
    Removed crossdomain.xml
    Ember Data
    Bugfixes

    View full-size slide

  10. Ember 2.18
    https://www.emberjs.com/blog/2018/01/01/ember-2-18-released.html

    View full-size slide

  11. Ember
    Removed support for IE9, IE10, Phantomjs
    Removed support for globals builds and
    publishing to Bower
    Removed deprecations slated for 3.0
    Ember Data
    Removed window.DS global
    Removed deprecations
    Ember 3.0
    Ember CLI
    Removed baseURL support
    Removed Brocfile.js support
    Ember 2 Legacy
    https://github.com/emberjs/ember-2-legacy
    Support for legacy features until 3.4 (first 3.x LTS)

    View full-size slide

  12. Ember 3.0
    https://www.emberjs.com/blog/2018/02/14/ember-3-0-released.html

    View full-size slide

  13. Ember
    ES5 getters for computed properties
    es5-getter-ember-codemod
    Ember 3.1
    Optional Features
    @ember/optional-features
    Application Template Wrapper
    Template-only Glimmer Components
    Template component arguments ({{@name}})

    View full-size slide

  14. Ember 3.1
    https://www.emberjs.com/blog/2018/02/16/ember-3-1-beta-released.html

    View full-size slide

  15. Release blog
    https://www.emberjs.com/blog/

    View full-size slide

  16. #272 - Function.prototype extensions*
    Deprecate on, property, and observes
    in Function.prototype for imports
    #297 - Ember.Logger*
    Deprecate Ember.Logger for console
    rfc - deprecations
    #298 - Component lifecycle events*
    Deprecate lifecycle events for overriding
    method hooks (didInsertElement, didRender, etc)
    #308 - Property fallback
    {{name}} to {{this.name}}
    * Community authors

    View full-size slide

  17. #276 - Named Args
    {{@name}}
    #278 Template-only Components
    No component wrapper div ("innerHTML")
    #280 - Remove application wrapper
    No application wrapper div
    RFC
    #281 - ES5 Getters
    this.name instead of this.get('name')
    #286 - let template helper
    {{#let "Ricardo" as |name|}}{{name}}{{/let}}
    #294 - Optional jQuery
    Easily opt out of jQuery in your application

    View full-size slide

  18. #284 - Splitting Ember into packages
    Split Ember into packages so you can install
    your way from @ember/core to the full framework
    rfc (cont.)
    #293 - Ember Data Model Data
    Introduce an abstraction between Ember Data's
    internal store and public APIs in order to
    unlock more experimentation
    #300 - RFC Process Update
    Clarify the process itself and make it easier for
    community to contribute

    View full-size slide

  19. Times
    Ember.js
    The

    View full-size slide

  20. The Emberjs Times
    https://the-emberjs-times.ongoodbits.com

    View full-size slide

  21. The Emberjs Times
    https://the-emberjs-times.ongoodbits.com

    View full-size slide

  22. The Emberjs Times
    https://the-emberjs-times.ongoodbits.com

    View full-size slide

  23. TYPESCRIPT
    Ember CLI

    View full-size slide

  24. Ember CLI TypeScript
    Type Checking
    this.get, with autocomplete
    store.findRecord and other Ember Data
    string keys
    inject for Controllers and Services
    Addon Support
    Automatic type defs generation for TypeScript code
    Blueprints
    ember generate will generate TypeScript files

    View full-size slide

  25. Ember CLI TypeScript
    before after

    View full-size slide

  26. update
    Ember CLI

    View full-size slide

  27. Ember CLI update
    Smart updates
    --from 2.16 --to 3.0
    Updates Ember dependencies
    without touching yours
    --resolve-conflicts
    Automatically run git mergetool
    --run-codemods
    Updates your code for you to follow
    new practices
    ember-modules-codemod
    ember-k-codemod
    ember-qunit-codemod
    es5-getter-embercodemod
    ember-native-dom-helpers

    View full-size slide

  28. Glimmer.js
    Upcoming
    Binary bytecode templates
    Server-side rendering rehydration
    …and more
    v0.9.0
    AsyncRenderer

    View full-size slide