The Ember Times No. 94 - April 19th 2019

source/2019-04-12-the-ember-times-issue-93.md

@@ -1,7 +1,7 @@
 ---
 title: The Ember Times - Issue No. 93
 author: Chris Ng, Isaac Lee, Jared Galanis, Jessica Jordan, Amy Lam, Anne-Greeth van Herwijnen
-tags: Recent Posts, Newsletter, Ember.js Times, Ember Times, 2019
+tags: Newsletter, Ember.js Times, Ember Times, 2019
 alias : "blog/2019/04/12-the-ember-times-issue-93.html"
 responsive: true
 ---

source/2019-04-19-the-ember-times-issue-94.md

@@ -0,0 +1,165 @@
+---
+title: The Ember Times - Issue No. 94
+author: Isaac Lee, Bradley Leftley, Amy Lam, Jessica Jordan, Chris Ng, Jared Galanis
+tags: Recent Posts, Newsletter, Ember.js Times, Ember Times, 2019
+alias : "blog/2019/04/19-the-ember-times-issue-94.html"
+responsive: true
+---
+
+Bonghjornu Emberistas! 🐹
+
+This week: calling nested components in Angle Brackets Invocation Syntax 🔍, 2 RFCs for improving Ember Data 💬, an exclusive interview with Ember contributor @danielleadams 🎙, user impersonation with Ember Simple Auth 👤, check out code splitting on routes 🖖, a brand-new blog post about `@action`, `{{on}}` & `{{fn}}` 🚀, and last, but not least, EmberCamp videos are live! 🍿
+
+---
+
+## [Nested Components in Angle Brackets: A First Look 🔍](https://embermap.com/video/angle-bracket-components-a-first-look)
+
+Starting Ember 3.10 (currently in beta), we can call **nested components in angle brackets**! 🎉🎉🎉 Recall, we want to use angle brackets to **add clarity to code**.
+
+EmberMap gave us [a first look](https://embermap.com/video/angle-bracket-components-a-first-look) at the new syntax and how to incrementally migrate our templates. For example, the template,
+
+```handlebars
+{{#ui-grid columns='md:2 lg:3' gutters='md:3' as |grid|}}
+  {{#each sortedEpisodes as |episode|}}
+    {{#grid.column}}
+      {{podcast/components/podcast-card episode=episode}}
+    {{/grid.column}}
+  {{/each}}
+{{/ui-grid}}
+```
+
+would become,
+
+```handlebars
+<Grid @columns='md:2 lg:3' @gutters='md:3' as |grid|>
+  {{#each sortedEpisodes as |episode|}}
+    <grid.Column>
+      <Podcast::Components::PodcastCard @episode={{episode}} />
+    </grid.Column>
+  {{/each}}
+</Grid>
+```
+
+The best news? You don't have to wait till your app is at 3.10. Thanks to [@rwjblue](https://github.com/rwjblue), you can use a [polyfill](https://github.com/rwjblue/ember-angle-bracket-invocation-polyfill) to get the full feature set of angle brackets today! 😃
+
+[Learn more about angle bracket components from EmberMap.](https://embermap.com/video/angle-bracket-components-a-first-look)
+
+---
+
+## [Record Data RFC: Record State 💬](https://github.com/emberjs/rfcs/pull/463)
+
+In [RFC #463](https://github.com/emberjs/rfcs/pull/463), [@igorT](https://github.com/igorT) asks for **your help with improving the Record Data interface** in Ember Data.
+
+What is Record Data? [Introduced in Ember 3.5](https://blog.emberjs.com/2018/10/15/ember-3-5-released.html), Record Data was designed to...
+
+- Help addons **extend Ember Data without relying on private APIs**
+- Help apps **manage relationships, dirty attributes, rollbacks, and specialized models** via these addons
+
+In the RFC, [@igorT](https://github.com/igorT) proposes that we add methods that return the `created` and `deleted` states of a record. These methods would be consumed by the addons to make correct decisions.
+
+If you'd like to learn more, please take a look at [RFC #463](https://github.com/emberjs/rfcs/pull/463). Please also leave your feedback! ✍️
+
+---
+
+## [Ember Data RFC: Request State Service 💬](https://github.com/emberjs/rfcs/pull/466)
+
+On a related note, [@igorT](https://github.com/igorT) proposes in [RFC #466](https://github.com/emberjs/rfcs/pull/466) that we create a **Request State service**, which returns the `in-flight` and `completed` states of a request. The service would, not only simplify how we determine the state of a request, but also help us work with data from multiple sources.
+
+You can read more about the proposal in [RFC #466](https://github.com/emberjs/rfcs/pull/466). As always, feedback is welcome! 🙂
+
+---
+
+## ["I contribute to Ember" with Danielle Adams 💬](https://discuss.emberjs.com/t/i-contribute-to-ember-with-danielle-adams/16473)
+
+<div class="float-right padded portrait-frame">
+  <img alt="Danielle Adams" title="Danielle Adams - Contributor to Ember" src="/images/blog/emberjstimes/danielleadams.jpg" />
+</div>
+
+In our 10th edition of the contributor interview series, community member **Danielle Adams**, also known as [@danielleadams](https://github.com/danielleadams), talks about her work as a **mentor**, conference **MC** and **public speaker** and shares tips to be present and confident when presenting your ideas. ✨
+
+You can read the full interview on [the Ember Forum](https://discuss.emberjs.com/t/i-contribute-to-ember-with-danielle-adams/16473).
+
+<a class="ember-button ember-button--centered" href="https://discuss.emberjs.com/t/i-contribute-to-ember-with-danielle-adams/16473">Read more</a>
+
+---
+
+## [User Impersonation in SaaS with Ember.js and Ruby on Rails 👤](https://codeandtechno.com/posts/user-impersonation-ember-simple-auth-doorkeeper/)
+
+When developing SaaS (software as a service) applications, it is important to be able to log in as one of your users and see exactly what they see. This can help with debugging issues and aid your support team in assisting users.
+
+[@matixmatix](https://github.com/matixmatix) has created an **awesome tutorial** on how this can be done using Ember.js (with [Ember Simple Auth](https://ember-simple-auth.com/)) and Ruby on Rails (with [Doorkeeper](https://github.com/doorkeeper-gem/doorkeeper) gem for OAuth2).
+
+Achieving this is a fairly simple process. Normally, a client exchanges their username and password for an access token. To impersonate that user, we would need to create the token without the user's password. We can ask _DoorKeeper_ to issue a new token for the provided user directly. Lastly, we update our existing _OAuth2_ authorizer so that we can pass the token (instead of a password) to log in as that user.
+
+Read [@matixmatix](https://github.com/matixmatix)'s full [tutorial](https://codeandtechno.com/posts/user-impersonation-ember-simple-auth-doorkeeper/) to get started!
+
+---
+
+## [Code Splitting on Routes 🖖](https://twitter.com/acorncom/status/1111827571803471872)
+
+In [Embroider](https://github.com/embroider-build/embroider), an experimental build system for EmberJS, [@ef4](https://github.com/ef4) [added](https://github.com/embroider-build/embroider/pull/109) the `splitAtRoutes` option along with the `@embroider/router` package to enable per **route code splitting**. Ember applications can start testing route code splitting by just sticking to community conventions.
+
+Try out [Embroider](https://github.com/embroider-build/embroider) today!
+
+---
+
+## [@action, on & fn blog post 🚀](https://www.pzuraq.com/ember-octane-update-action/)
+If you haven't been following the discussion on `@action`, `{{on}}`, and `{{fn}}`, this is the **blog post for you**!
+
+[@pzuraq](https://github.com/pzuraq) continues his wonderful series of blog posts with a new one that focuses on the evolution of `@action`, `{{on}}`, and `{{fn}}` in detail.
+
+The post covers some of the rationales for changing the use of `{{action}}` and how the use of the `@action` decorator will differ, including consideration of what the **responsibilities of actions** are and treatment of how decorators can help improve binding context.
+
+<!-- alex ignore period -->
+You also won't want to miss coverage of the `{{on}}` modifier that replaces event handling responsibilities of `{{action}}` and the `{{fn}}` partial application helper, both of which have RFC's that have moved into **Final Comment Period (FCP)**.
+
+For more details, check out the full blog post [here](https://www.pzuraq.com/ember-octane-update-action/).
+
+---
+
+## [EmberCamp Videos are Live! 🍿](https://www.youtube.com/playlist?list=PL4eq2DPpyBbm-vTgHMdBjUi1Qd5GiRIfW)
+
+Looking for some more Ember content to watch? The first batch of EmberCamp 2018 videos are now available!
+
+We especially enjoyed [@toranb](https://github.com/toranb)'s talk [Fast Feedback, Forward Progress](https://www.youtube.com/watch?v=wX8PxE0BVjI&list=PL4eq2DPpyBbm-vTgHMdBjUi1Qd5GiRIfW&index=4) where he talks about ways to **work smarter, not harder** as developers. He shares ways to choose productivity with a few stories in Ember.
+
+* Test driven development: Choose a feedback loop designed for experimentation and learning
+* Hot reloading: Choose a feedback loop designed with layout in mind
+* User experience: Choose a feedback loop your customers will love
+
+Stay tuned for future announcements by following [@embercamp](https://twitter.com/embercamp) on Twitter. And **save the date**, EmberCamp Chicago 2019 will be on August 23rd.
+
+---
+
+## [Contributors' Corner 👏](https://guides.emberjs.com/release/contributing/repositories/)
+
+<p>This week we'd like to thank <a href="https://github.com/nlfurniss" target="gh-user">@nlfurniss</a>, <a href="https://github.com/kellyselden" target="gh-user">@kellyselden</a>, <a href="https://github.com/xg-wang" target="gh-user">@xg-wang</a>, <a href="https://github.com/Turbo87" target="gh-user">@Turbo87</a>, <a href="https://github.com/jaredgalanis" target="gh-user">@jaredgalanis</a>, <a href="https://github.com/rwjblue" target="gh-user">@rwjblue</a>, <a href="https://github.com/raido" target="gh-user">@raido</a>, <a href="https://github.com/locks" target="gh-user">@locks</a>, <a href="https://github.com/pete-the-pete" target="gh-user">@pete-the-pete</a>, <a href="https://github.com/dcyriller" target="gh-user">@dcyriller</a>, <a href="https://github.com/CvX" target="gh-user">@CvX</a>, <a href="https://github.com/rwwagner90" target="gh-user">@rwwagner90</a>, <a href="https://github.com/amyrlam" target="gh-user">@amyrlam</a>, <a href="https://github.com/ef4" target="gh-user">@ef4</a> and <a href="https://github.com/chiragpat" target="gh-user">@chiragpat</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)
+
+<div class="blog-row">
+  <img class="float-right small transparent padded" alt="Office Hours Tomster Mascot" title="Readers' Questions" src="/images/tomsters/officehours.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://emberjs.com/blog/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,
+
+Isaac Lee, Bradley Leftley, Amy Lam, Jessica Jordan, Chris Ng, Jared Galanis and the Learning Team