The Ember Times

👋 Embereños! This week: Meet @model for route templates 🆕, share your thoughts on Apple Music being an Ember app 🍎, contribute to Octanify allthethings 📝, a designer's & developer's story of transitioning to Ember ⚛️➡️🐹, and celebrate the 4.0 release of Ember Sinon QUnit 🎉!

Meet `@model` for Route Templates 🆕

Starting with Ember Octane (3.14), you can use a named argument, @model, in the route template to refer to your data from the model() hook. The Ember Octane Guides have been updated to show uses of @model.

<h2>List of Scientists</h2>

<ul>
  {{#each @model as |scientist|}}
    <li>{{scientist}}</li>
  {{/each}}
</ul>

@model was introduced to help new developers quickly learn templates. By avoiding this.model, they would not need to understand another concept—the controller—to build their first Octane app. By using a named argument, we can also reinforce the idea that @ is used to denote things that are "passed as arguments" to the template.

You can try out @model now on canary, or wait for 3.14 beta next week!

Apple Music Launches an Ember App 🍎

The Apple Music web application was launched for public beta for subscribers at beta.music.apple.com. Through several reports, it was confirmed that the new Apple Music website is an Ember application. Furthermore, the new tv.apple.com landing and content pages are also built with Ember!

Share your thoughts on having more high profile examples of Ember applications!

API Doc Updates 📝

Thanks to Ricardo Mendes (@locks) and team for working on Octanify-ing the API docs! These documentation upgrades are part of the Quest Issue to update the API docs to show Octane and Native Classes. Jen Weber (@jenweber) has provided detailed step-by-step instructions, a YUIDoc styleguide, and some examples on the Quest Issue, encouraging interested contributors to post in #dev-ember-learning on the Ember Discord with any questions.

Another API docs issue that is gaining steam is Improve documentation of EmberArray. Going through http://api.emberjs.com/ember/release/classes/EmberArray, you will notice that some of the entries have minimal documentation and no code sample. The goal is to review each entry, add code samples where missing, and optionally improve the prose. Comment on the thread in the EmberArray issue to contribute.

For even more ways to get involved in the open source community, check out the Ember Help Wanted App!

What Makes the Transition to Ember Worthwhile: A New Community Member's Perspective 🐹

In a recent tweet, Senior Product Designer Lenora Porter (@lenoraporter_)
shared a video to pitch the most interesting learnings about Ember to those transitioning from other tech stacks.

Lenora, who has prior experience in React, talks about useful learning resources for those starting out Ember and what makes the transition worthwhile. In addition to Convention over Configuration and integrated tooling, she highlights how a supportive community makes learning Ember very straightforward.

Be sure to check out the full video and share with your JavaScript friends!

Ember Sinon QUnit 4.0 Released 🎉

Jordan Hawker (@elwayman02) and Steve Calvert (@scalvert) teamed up to bring us the best Sinon.js experience possible. 💞

Thanks to their work, ember-sinon-qunit v4 allows us to do a one-time setup, use the sinon object directly in our tests, and never worry about cleaning up mocks after the tests are run. To learn more about the motivation for change and the new syntax, you can check out Jordan's blog post and the addon's README file.

If you have been using Steve's ember-sinon-sandbox or ember-sinon-sinoff, please check the README file to choose your migration path.