The Ember Times - Issue No. 115

โ€“ By Chris Ng, Isaac Lee, Jessica Jordan, Amy Lam

๐Ÿ‘‹ 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.


Contributors' Corner ๐Ÿ‘

This week we'd like to thank @stefanpenner, @happyvig, @chancancode, @rwjblue, @imkathir, @bekzod, @wycats, @Gaurav0, @runspired, @igorT, @bertdeblock, @dcyriller, @nummi, @Turbo87 for their contributions to Ember and related repositories! ๐Ÿ’–


Got a Question? Ask Readers' Questions! ๐Ÿค“

Office Hours Tomster Mascot

Wondering about something related to Ember, Ember Data, Glimmer, or addons in the Ember ecosystem, but don't know where to ask? Readersโ€™ Questions are just for you!

Submit your own short and sweet question under bit.ly/ask-ember-core. And donโ€™t worry, there are no silly questions, we appreciate them all - promise! ๐Ÿคž


#embertimes ๐Ÿ“ฐ

Want to write for the Ember Times? Have a suggestion for next week's issue? Join us at #support-ember-times on the Ember Community Discord or ping us @embertimes on Twitter.

Keep on top of what's been going on in Emberland this week by subscribing to our e-mail newsletter! You can also find our posts on the Ember blog.


That's another wrap! โœจ

Be kind,

Chris Ng, Isaac Lee, Jessica Jordan, Amy Lam and the Learning Team