The Ember Times - Issue No. 121
Tags: ember, javascript, webdev
Published: 2019-11-04 17:07:15

Hallöchen Emberistas! 🐹

The EmberConf 2020 CFP is now open! 🗣️ Watch Gavin rewrite an Ember 1.5 app in Octane 🥁 and get started with Glimmer Components ✨!

---

## [EmberConf 2020 CFP Now Open! 🗣️](https://cfp.emberconf.com/events/emberconf-2020/)

Next year’s [EmberConf](https://emberconf.com), which is going to be held in Portland, Oregon, USA from March 16 to 18, 2020, has opened its **CFP (call for papers)** for submission!

You can submit either a 15 or 30 minute conference talk, a workshop, a 30 minute BonusConf talk, or a 5 minute MiniTalk proposal. Remember the first several rounds of reviews in the CFP are anonymous, so please refrain from including biographical information in your talk abstract or details.

The deadline to submit your talk is **December 1st** at 11:59pm PST. EmberConf is intended to be an inclusive, welcoming conference for everyone. You can learn more about inclusiveness and diversity efforts [at the EmberConf website](https://emberconf.com/#/about/inclusiveness-at-emberconf).

Submit your talk on the [CFP app](https://cfp.emberconf.com/events/emberconf-2020/) today!

---

## [Ember Octane Livestream: Build a Drum Machine 🥁](https://www.youtube.com/watch?v=5znpEiwHpL4)

If you haven't yet, we encourage you to watch [Gavin Joyce (@GavinJoyce)](https://github.com/GavinJoyce) [rewrite his drum machine app in Octane](https://www.youtube.com/watch?v=5znpEiwHpL4). The [original app](http://emberbeats.gavinjoyce.com) was [written in Ember 1.5 six years ago](https://github.com/GavinJoyce/ember-beats/tree/ember-1.5). Gavin prototypes the new app and gets its features working in 2.5 hours!

From the recording, you will also learn how to:

- Set up Tailwind CSS ([0:06:10](https://youtu.be/5znpEiwHpL4?t=370))
- Use a 3rd party library like howler.js ([0:33:46](https://youtu.be/5znpEiwHpL4?t=2026))
- Create service to refactor a component ([0:39:04](https://youtu.be/5znpEiwHpL4?t=2344))
- Create `hasMany` relationships ([0:50:05](https://youtu.be/5znpEiwHpL4?t=3005))
- Prototype the UI ([0:55:36](https://youtu.be/5znpEiwHpL4?t=3336))
- Use Ember Concurrency to handle timing ([1:10:58](https://youtu.be/5znpEiwHpL4?t=4258))
- Make sounds! ([1:32:30](https://youtu.be/5znpEiwHpL4?t=5550))
- Use a helper method to create child records ([1:48:28](https://youtu.be/5znpEiwHpL4?t=6508))

---

## [Make Your Ember App Shine with Glimmer Components ✨](https://mfeckie.dev/glimmer-components-in-ember/)

The release date of Ember's first edition - [Ember Octane](https://blog.emberjs.com/2019/08/15/octane-release-plan.html) - is approaching and with it a new way to componentize your app: [Glimmer Components](https://emberjs.github.io/rfcs/0416-glimmer-components.html). They provide a new API to create reusable building blocks for your Ember application. Packed with lots of new features, including argument immutability, [tracked properties](https://emberjs.github.io/rfcs/0410-tracked-properties.html) and Outer HTML semantics, **Glimmer Components** will make it easier for you to manage component state and to deliver high-performant UIs.

Already looking forward to use Glimmer Components in your own app, but don't know how to get started yet? Then this guide on ["Getting Started with Glimmer Components in Ember.js"](https://mfeckie.dev/glimmer-components-in-ember/) is a must read for you. In this article, [Martin Feckie (@mfeckie)](https://github.com/mfeckie) covers the new feature set landing with the Glimmer Components API and best practices for developing modern components with Ember Octane. [Check it out today!](https://mfeckie.dev/glimmer-components-in-ember/)

---

## [Contributors' Corner 👏](https://guides.emberjs.com/release/contributing/repositories/)

<p>This week we'd like to thank <a href="https://github.com/rwjblue" target="gh-user">@rwjblue</a>, <a href="https://github.com/kategengler" target="gh-user">@kategengler</a>, <a href="https://github.com/pzuraq" target="gh-user">@pzuraq</a>, <a href="https://github.com/rap2hpoutre" target="gh-user">@rap2hpoutre</a>, <a href="https://github.com/chriskrycho" target="gh-user">@chriskrycho</a>, <a href="https://github.com/Charizard" target="gh-user">@Charizard</a>, <a href="https://github.com/mcfiredrill" target="gh-user">@mcfiredrill</a>, <a href="https://github.com/GavinJoyce" target="gh-user">@GavinJoyce</a>, <a href="https://github.com/runspired" target="gh-user">@runspired</a>, <a href="https://github.com/Mikek2252" target="gh-user">@Mikek2252</a>, <a href="https://github.com/igorT" target="gh-user">@igorT</a>, <a href="https://github.com/dmuneras" target="gh-user">@dmuneras</a>, <a href="https://github.com/skaterdav85" target="gh-user">@skaterdav85</a>, <a href="https://github.com/patricklx" target="gh-user">@patricklx</a>, <a href="https://github.com/scalvert" target="gh-user">@scalvert</a>, <a href="https://github.com/nickschot" target="gh-user">@nickschot</a>, <a href="https://github.com/HeroicEric" target="gh-user">@HeroicEric</a>, <a href="https://github.com/mixonic" target="gh-user">@mixonic</a>, <a href="https://github.com/jenweber" target="gh-user">@jenweber</a>, <a href="https://github.com/josemarluedke" target="gh-user">@josemarluedke</a>, <a href="https://github.com/pichfl" target="gh-user">@pichfl</a>, <a href="https://github.com/mansona" target="gh-user">@mansona</a>, <a href="https://github.com/ghislaineguerin" target="gh-user">@ghislaineguerin</a>, <a href="https://github.com/acorncom" target="gh-user">@acorncom</a> and <a href="https://github.com/jfdnc" target="gh-user">@jfdnc</a>  for their contributions to Ember and related repositories! 💖</p>

---

![Office Hours Tomster](https://thepracticaldev.s3.amazonaws.com/i/hhjs6ajzprni1upwt8r6.png)

## [Got a Question? Ask Readers' Questions! 🤓](https://docs.google.com/forms/d/e/1FAIpQLScqu7Lw_9cIkRtAiXKitgkAo4xX_pV1pdCfMJgIr6Py1V-9Og/viewform)

  <p>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!</p>

  <p><strong>Submit your own</strong> short and sweet <strong>question</strong> under <a href="https://bit.ly/ask-ember-core" target="rq">bit.ly/ask-ember-core</a>. And don’t worry, there are no silly questions, we appreciate them all - promise! 🤞</p>
</div>

---

## [#embertimes 📰](https://blog.emberjs.com/tags/newsletter.html)

Want to write for the Ember Times? Have a suggestion for next week's issue? Join us at [#support-ember-times](https://discordapp.com/channels/480462759797063690/485450546887786506) on the [Ember Community Discord](https://discordapp.com/invite/zT3asNS) or ping us [@embertimes](https://twitter.com/embertimes) on Twitter.

Keep on top of what's been going on in Emberland this week by subscribing to our [e-mail newsletter](https://the-emberjs-times.ongoodbits.com/)! You can also find our posts on the [Ember blog](https://emberjs.com/blog/tags/newsletter.html).

---

That's another wrap! ✨

Be kind,

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