Ember Times-Issue 138


Happy International Women’s Day, Emberistas! 🐹

The 2020 Ember community survey will end this Sunday📈, the possible future of app hooks and test directories📂, the evolution of Ember and Intercom🚀🐹, split and migrate your project to monorepo 🐘, read the blog post about modifiers🦄 And find out how to use Ember in WebAssembly (Rust) 💡!


If you haven’t, please take a moment Fill out the annual survey! Your feedback can help everyone shape Ember better. 💞


From the early days of the framework, Ember CLI When developing Ember applications, it has always been a major factor in productivity and excellent developer ergonomics.And some time ago Mehul Kar (@mehulkar) submit Two new requests for comment (RFC) Suggest more improvements for any Emberista’s favorite productivity tool!

in RFC#575: Test Directory Proposed a new directory structure for testing.Change of test type name Official Ember Test Guide With implementation RFC#232: Simplify the QUnit test API Inspired a new directory format: fe files used to test component functions have been called integration The test in the former Ember QUnit test API has been renamed to rendering test.In order to reflect this change in the document, the new RFC proposal will focus on DOM component testing from tests/integration/**-test.js to tests/rendering/**-test.js therefore.You can learn more about detailed design By reading the original proposal.

with RFC#578: Ability to connect to the build process without plug-ins, And put forward suggestions to provide more developer flexibility for the application building process. The proposal suggests, treeFor Hook by Broccoli JS -The core library that powers the Ember CLI building pipeline options The parameters of the Ember application instance.This will allow future Ember developers to take advantage of treeFor Hook in the application itself without developing supplementary plug-ins (this is currently the only way to directly use these build pipeline APIs).To learn more about the motivation behind this RFC, be sure to check Pull request on Github And feel free to leave your thoughts and questions in the comments below.


If you haven’t had a chance to check out Gavin Joyce (@GavinJoyce) The blog post about the evolution of Ember and Intercom, and the accompanying talk, you might want to read/watch!

This Blog post Covered Walkie-talkies have grown substantially in 6 years, How the company chooses Ember and how Intercom’s growth evolves with Ember’s growth.

Interestingly, many principles of R&D, design, and engineering overlap with Ember’s conventions and release cycles.

This blog post also provides some good details about the evolution of Ember rendering engine technology, and explains how Ember Octane allows us to write beautiful, minimal and clean components with most native JavaScript.

This is a fascinating and inspiring reading, and it’s so cool to see how Ember’s stability and innovation allowed Intercom to build today’s amazing products!


Robin Philip Thomas (@MalayaliRobz) He introduced in detail his experience of using a huge code base, the difficulties he and his team encountered in a huge monolithic application, and how they split the code base into multiple engines and add-ons. Although this is not enough, he goes on to explain how dependencies can cause issues related to version upgrades in each repository.So he talked about how he started using Yarn workspace and how Lerner Solved these problems.View Blog post!


Ava Gaiety Wroten (@sharpshark28) Wrote a blog post on the blog Embersedit Plug-ins that provide APIs for authoring Element modifier In the embers.

We learn how to use {{on}} Modifier Track the focus state of DOM elements.Then, the blog describes how to handle key presses by creating our own modifiers (such as examples) {{key-down}} the following:

{{!-- my-component.hbs --}}
<button
  {{key-down this.handleEnter key='Enter'}}
  My Button
</button>

Unlike attributes, element modifiers Don’t run on the server side, Because there is no universal and complete way to serialize the result of element modifiers into HTML.

Must check out Embers rendering modifier with Man-focus trap And reading full text About Ember modifier!


WebAssembly (wasm) Is a technique that makes High performance computing (Traditionally implemented in C or C++) on the web.

Martin Feckie (@mfeckie) Publish A guide on how to integrate the Ember application with the Rust applicationMartin will walk you through how to generate UUID and draw Mandelbrot set. These examples represent complex calculations you might perform in a production application.

We encourage you to check the article!You can pick up a little along the way Typescript + octane, Dynamic import, with {{ref}} Modifier. 🎶


This week we want to thank @kratiahuja, @Gaurav0, Mansona, @梅尔sumner, @jenweber, @venusang, @mehulkar, @mwpastore, @MichalBryxi, @pzuraq, @HeroicEric, @igorT, @lock, with @knownasilya Thanks for their contributions to Ember and related repositories! 💖


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? Any suggestions for next week’s problem?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 our posts in the following locations People Blog.


That is another package! ✨

Be kind,

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



Leave a Reply

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