The Ember Times - Issue No. 147
Tags: ember, javascript, webdev
Published: 2020-05-09 02:33:45

👋 Emberistas! 🐹

Ember 3.18 is out 🎉, investigate arguments with Ember Inspector 🕵️‍♀️, read the blog post comparing Ember Octane and React 🐹⚛️, explore autosave with Ember Octane 💾, review Embroider & memoization RFCs 💬, and last, but not least, check out the ember-keyboard RFC ⌨️!

---
## [Ember 3.18 is out 🎉](https://blog.emberjs.com/2020/05/05/ember-3-18-released.html)

The latest versions of **Ember.js**, **ember-data** and **ember-cli** are out [with the **3.18 release**](https://blog.emberjs.com/2020/05/05/ember-3-18-released.html)!
This new minor release version is full of bug fixes for the core libraries that power your Ember application, so be sure to upgrade soon.

For more info on the current release schedule of Ember check out [our releases page](https://emberjs.com/releases/) and for information on Ember v3.18, you can give the official release post [a read](https://blog.emberjs.com/2020/05/05/ember-3-18-released.html).

---

## [Investigate component arguments with the new Ember Inspector 🕵️‍♀️](https://twitter.com/chancancode/status/1258514680256987136)

The brand-new, 4.0 version of [Ember Inspector](https://guides.emberjs.com/release/ember-inspector/) - the best tool for **inspecting and debugging your Ember applications** - is out! The recent release comes not only with lots of valuable bug fixes, but also with many amazing features, including:

- Inspection of **component arguments**: You can now see and investigate [arguments](https://emberjs.github.io/rfcs/0311-angle-bracket-invocation.html#arguments) passed to your components through Ember Inspector's component tree 🌳
- Inspection of **the store**: Directly inspect your data store and send it as a variable for further debugging to your console. You can check out a demo recording of this feature in the [PR description](https://github.com/emberjs/ember-inspector/pull/1163) of [Sarah Yu's (@SYU15)](https://github.com/SYU15) work 🏬
- Navigate through the component tree via **keyboard** with a new [accessibility improvement](https://github.com/emberjs/ember-inspector/pull/1153) 🎹

Check out the full list of features and improvements over at the project's [changelog](https://github.com/emberjs/ember-inspector/blob/v4.0.1/CHANGELOG.md#v400-2020-05-06). A sparkling thank you goes to the contributors [Sarah Yu (@SYU15)](https://github.com/SYU15), [Jerry Nummi (@nummi)](https://github.com/nummi), [Robert Wagner (@rwwagner90)](https://github.com/rwwagner90) and [Godfrey Chan (@chancancode)](https://github.com/chancancode) who made this release happen!

---

## [Blog post: Comparing Ember Octane and React 🐹⚛️](https://www.pzuraq.com/comparing-ember-octane-and-react/)

[Chris Garrett (@pzuraq)](https://github.com/pzuraq) wrote a blog post [comparing Ember Octane and React](https://www.pzuraq.com/comparing-ember-octane-and-react/) in terms of their respective programming models and developer experience using the latest idioms and best practices from both frameworks (Ember Octane and React Hooks).

The blog post goes through an in-depth analysis of the programming models between Ember and React including how they handle derived values and state, lifecycle hooks or methods to handle scheduling, and handling user interaction.

Check out the [takeaways](https://www.pzuraq.com/comparing-ember-octane-and-react/) from this comparison in the full blog post!

---

## [Auto save en Ember Octane 💾](https://betocantu93.com/autosave-in-ember-octane/)

[Alberto Cantú (@betocantu93)](https://github.com/betocantu93), in his first blog post in Spanish, explores [how to implement autosave in Ember](https://betocantu93.com/autosave-in-ember-octane/). We encourage you to check it out! Alberto starts with a basic form with a submit button, then introduces autosave and addresses potential problems using `ember-concurrency`.

Do you follow a similar pattern or have another approach to autosaving your user's form? Share your ideas with the JS community today!

---

## [Embroider & memoization RFCs entered Final Comment Period 💬](https://github.com/emberjs/rfcs/pulls)

In case you missed it, the RFCs for [Embroider](https://github.com/emberjs/rfcs/pull/507) and [memoizing functions](https://github.com/emberjs/rfcs/pull/615) entered their Final Comment Period (FCP) on May 1. And [memoizing functions](https://github.com/emberjs/rfcs/pull/615) was merged in today! 

---

## [ember-keyboard RFC ⌨️](https://github.com/adopted-ember-addons/ember-keyboard/pull/135)

If you've ever wondered about some of the finer details of the `code` and `key` properties of keyboard events in modern browsers, you may want to check out [Luke Melia's (@lukemelia)](https://github.com/lukemelia) recent [RFC](https://github.com/adopted-ember-addons/ember-keyboard/pull/135) for `ember-keyboard`. 

In case you didn't know, `ember-keyboard` is a ✨fantastic✨ Ember addon for the painless support of keyboard events. 

The team that supports `ember-keyboard` could really use community feedback on this one so if you're a user of the addon, interested in the subject or just feel like helping out, please head on over to the RFC and comment!

---

## [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/lifeart" target="gh-user">@lifeart</a>, <a href="https://github.com/stefanpenner" target="gh-user">@stefanpenner</a>, <a href="https://github.com/Gaurav0" target="gh-user">@Gaurav0</a>, <a href="https://github.com/abhilashlr" target="gh-user">@abhilashlr</a>, <a href="https://github.com/rwwagner90" target="gh-user">@rwwagner90</a>, <a href="https://github.com/roderickdevelopers" target="gh-user">@roderickdevelopers</a>, <a href="https://github.com/locks" target="gh-user">@locks</a>, <a href="https://github.com/burritoIand" target="gh-user">@burritoIand</a>, <a href="https://github.com/nathanhammond" target="gh-user">@nathanhammond</a>, <a href="https://github.com/bobisjan" target="gh-user">@bobisjan</a>, <a href="https://github.com/patricklx" target="gh-user">@patricklx</a>, <a href="https://github.com/chancancode" target="gh-user">@chancancode</a>, <a href="https://github.com/ansmonjol" target="gh-user">@ansmonjol</a>, <a href="https://github.com/pzuraq" target="gh-user">@pzuraq</a> and <a href="https://github.com/mansona" target="gh-user">@mansona</a>  for their contributions to Ember and related repositories! 💖</p>

---

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

![Office Hours Toaster Mascot](https://dev-to-uploads.s3.amazonaws.com/i/2lycqtvkypsbrjintdil.png)

  <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,

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