Sunday, May 19, 2024
HomeJavaScriptThe Ember Occasions - Difficulty No. 107

The Ember Occasions – Difficulty No. 107


What’s taking place, Emberistas? 🐹

This week:
learn the brand new RFC on Deprecation Removing Insurance policies 📋,
Ember 3.11 is out! 🚀
versatile imports with Ember Auto Import ⏬,
discover ways to make an Electron app with Ember 🖥️,
and final, however not least, bettering your DX on Ember 💯!


An RFC was proposed by @kerrick to have a serious model launch for all deprecation removals. The principle difficulty revolves across the Intimate API coverage which might catch some builders off guard when upgrading Ember variations.

Sure personal APIs are thought of “Intimate API” as a result of there are addons and customers who use them regardless of being personal. We typically have points when deprecating these personal APIs. It’s because not all personal APIs would warrant a deprecation warning (and subsequently a serious model change). The RFC proposes to have a serious model launch for all deprecation removals.

Learn, remark, and focus on the full RFC on GitHub!


A variety of cool new options have been launched as a part of Ember 3.11. With Ember.js 3.11 you now have entry to options just like the on modifier, the fn helper and rather more. With 3.11 there’s additionally a deprecation of Operate.prototype.observes.

Moreover, Ember Information 3.11 comprises the a lot awaited Packages function which lets you use a brand new import syntax.

In the event you resolve to improve then please take a look at the discharge put up since Ember Information 3.11 at the moment comprises a recognized bug with the mannequin blueprint.


Ember Auto Import, a really helpful addon, helps you simply import and use third-party JavaScript libraries from npm in your Ember app.

You may configure the addon to suit your mission’s particular wants. By offering the autoImport configuration object in your app choices outlined in ember-cli-build.js, you possibly can, for instance, change the identify of the packages to import from or exclude packages to be imported with Ember Auto Import, which you might need already supplied to your app in one other approach.

In the event you’re already an avid person of Ember Auto Import (or plan to grow to be one), bear in mind that from model 1.4.0+ the addon will now not embody Webpack’s polyfills for a set of Node.js globals and modules mechanically.

When upgrading to a model of the addon past 1.4.0, you may see errors equivalent to world will not be outlined in your app or take a look at suite. This may point out that a few of your packages—though they run in a browser surroundings—nonetheless depend on globals (these are often solely accessible in a Node surroundings) and should require a polyfill to work appropriately. You may verify this difficulty on the Ember Auto Import repo for extra context.

If you wish to opt-in to those Node polyfills utilizing Ember Auto Import, you possibly can configure them accordingly by way of the autoImport choices in your ember-cli-build.js:

// ember-cli-build.js
let app = new EmberApp(defaults, {
  autoImport: {
    webpack: {
      node: {
        Buffer: false,
        world: true,
        course of: true,
      },
    }
  }
});

You may evaluate the configuration defaults for the Node.js polyfill over at the documentation for Webpack itself.


Ember Electron is an addon that helps you create formidable cross-platform desktop apps. At present, its documentation resides in the GitHub repo.

That can assist you perceive easy methods to use the addon—particularly, easy methods to configure the addon for Mac, Linux, and Home windows@mitchartemis printed 2 weblog posts, with just a few extra to return. 🎉

We encourage you to learn them at this time! You too can discover Mitch’s demo app and configuration recordsdata on GitHub.


@Serabe has a collection on the DockYard weblog about easy methods to enhance your Developer Expertise (DX). Test it out for happier Ember-ing!


This week we would wish to thank @kratiahuja, @dnalagatla, @kiwiupover, @bekzod, @chancancode, @elwayman02, @ursm, @pete-the-pete, @sivakumar-kailasam, @loganrosen, @mansona, @choheekim, @locks, @jenweber and @toddjordan for his or her contributions to Ember and associated repositories! 💖


Office Hours Tomster Mascot

Questioning about one thing associated to Ember, Ember Information, Glimmer, or addons within the Ember ecosystem, however do not know the place to ask? Readers’ Questions are only for you!

Submit your individual brief and candy query below bit.ly/ask-ember-core. And don’t fear, there aren’t any foolish questions, we respect all of them – promise! 🤞


Need to write for the Ember Occasions? Have a suggestion for subsequent week’s difficulty? Be a part of us at #support-ember-times on the Ember Group Discord or ping us @embertimes on Twitter.

Carry on prime of what is been happening in Emberland this week by subscribing to our e-mail e-newsletter! You too can discover our posts on the Ember weblog.


That is one other wrap! ✨

Be sort,

Chris Ng, Jessica Jordan, Kenneth Larsen, Isaac Lee, Amy Lam and the Studying Staff



RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments