Ember Times-Issue 94


Hello Amberistas! 🐹

This week: Call nested components in Angle Brackets Invocation Syntax πŸ”, 2 RFC to improve Ember data πŸ’¬, interview with Ember contributor @danielleadams πŸŽ™, users simulate Ember Simple Auth πŸ‘€, check the code split on routingπŸ––, brand-new blog post on @action, {{on}} & {{fn}} πŸš€, last but not least, EmberCamp videos are live! 🍿


Starting from Ember 3.10 (currently in beta), we can call Nested components in angle brackets! πŸŽ‰πŸŽ‰πŸŽ‰ Recall that we want to use angle brackets to Increase the clarity of the code.

EmberMap gave us First glance In the new syntax and how to gradually migrate our templates. For example, templates,

{{#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}}

Will become,

<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 until your application is in 3.10.Thank you @rwjblue,you can use Stuffing Get the complete set of angle brackets now! πŸ˜ƒ

Learn more about angle bracket components from EmberMap.


in RFC #463, @igorT Claim Your help to improve the logging data interface In Ember data.

What is recorded data? Introduced in Ember 3.5, The purpose of recording data is…

  • Help plugin Extend Ember data without relying on private APIs
  • Help application Manage relationships, dirty attributes, rollbacks, and dedicated models Through these plugins

In the RFC, @igorT Suggest we add back created with deleted Record status. The plugin will use these methods to make the right decision.

If you want more information, please check RFC #463. Please also leave your feedback! ✍️


In the relevant description, @igorT Proposed at RFC #466 We created a Request status serviceAnd it returns in-flight with completed The status of the request. This service not only simplifies the way we determine the status of a request, it also helps us process data from multiple sources.

You can read more about the proposal RFC #466. As always, feedback is welcome! πŸ™‚


In our 10th edition contributor interview series, community members Danielle Adams, Also known as @danielleadams, Talk about her work tutor, Meeting MC with Public speaker And share techniques for showing confidence when presenting your ideas. ✨

You can read the full interview Embers Forum.

read more


When developing a SaaS (software as a service) application, it is important to be able to log in as one of your users and see exactly what they see. This helps debug issues and helps your support team provide assistance to users.

@matixmatix Created a Great tutorial On how to do this with Ember.js (using Ember simple authentication) And Ruby on Rails (with Watchmen OAuth2 gem).

Achieving this is a fairly simple process. Usually, the client exchanges its username and password for an access token. To impersonate the user, we need to create a token without the user’s password.We can ask Janitor Issue new tokens directly to the provided users.Finally, we update our existing OAuth2 Authorizer so that we can pass a token (instead of a password) to log in as that user.

read @matixmatixfull Tutorials begin!


in Embroider, An experimental build system of EmberJS, @ef4 Add to This splitAtRoutes Options and @embroider/router Enable each package Routing code splitEmber applications can start testing routing code splits by following the community conventions.

try out Embroider Nowadays!


If you haven’t followed @action, {{on}}, with {{fn}},this is Blog post for you!

@pzuraq Continuing his wonderful series of blog posts, the new blog post focuses on @action, {{on}}, with {{fn}} detailed.

This article covers some reasons for changing usage {{action}} And how to use @action Decorators will be different, including what to consider Responsibility for action Yes and deal with how decorators help improve the binding context.

You don’t want to miss the report {{on}} Modifiers that replace event handling responsibilities {{action}} with {{fn}} Some application assistants, both have RFCs that have been moved in Final Comment Period (FCP).

For more details, check out the full blog post Here.


Want to watch more Ember content? The first EmberCamp 2018 videos are now available!

We especially like @toranb‘S conversation Fast feedback, forward progress Where he talks about how Work smarter, not harder As a developer. He shared the method of choosing productivity through several stories in Ember.

  • Test Driven Development: Choose a feedback loop designed for experimentation and learning
  • Hot reload: Choose a feedback loop that takes into account layout design
  • User experience: choose a feedback loop that your customers will like

Please stay tuned for future announcements @embercamp On Twitter.with Save the date, EmberCamp Chicago 2019 will be held on August 23.


This week we want to thank @nlfurniss, @kellyselden, @xg-wang, @Turbo87, @jaredgalanis, @rwjblue, @raido, @lock, @pete-the-pete, @dcyriller, @CvX, @rwwagner90, @amyrlam, @ef4 with @chiragpat Thanks for their contributions to Ember and related repositories! πŸ’–


Tomster mascot during office hours

Want to know about Ember, Ember Data, Glimmer, or plugins in the Ember ecosystem, but don’t know where to consult? Readers’ questions are only answered for you!

Submit your own Short and sweet problem under bit.ly/ask-ember-coreDon’t worry, there are no stupid questions, we thank them-guaranteed! 🀞


Want to write for Ember Times? Do you have any suggestions for next week’s problems?join us #support-ember-times in Ember community discord Or ping us @embertimes On Twitter.

Subscribe to our channel to get the latest news from Emberland this week Email newsletter!You can also find in our post People Blog.


That is another package! ✨

Be kind,

Isaac Lee, Bradley Leftley, Amy Lam, Jessica Jordan, Chris Ng, Jared Galanis and the learning team



Leave a Reply

Your email address will not be published. Required fields are marked *