Thursday, May 9, 2024
HomeJavaScriptThe Ember Occasions - Situation No. 152

The Ember Occasions – Situation No. 152


👋 Emberistas! 🐹

Meet the long-awaited ember-collection v1.0 launch candidate 🎉,
use a contemporary keyboard API with ember-keyboard v6.0 ⌨️,
learn to make your present app accessible 💪,
introducing ember-concurrency-async 🚀,
and final, however not least, an interactive strategy to create new Ember apps RFC ✨🐹!


After two years, a brand new model of ember-collection is right here! You need to use this addon to incrementally render a big listing of things. The official v1.0 might be launched quickly.

Two of probably the most notable modifications are:

  • Ember improve from 2.18 to three.12!
  • Improved steady integration and auto-release course of

Please thank Alon Bukai (@Alonski), Gaurav Munjal (@Gaurav0), Robert Wagner (@rwwagner90), and Vasanth (@vasind) for his or her assist with sustaining ember-collection. If you happen to presently use the addon, we ask that you just improve and examine that your app and checks proceed to go.


Are you prepared for one more thrilling addon launch? This week, ember-keyboard introduced v6.0 and showcased 3 Octane-friendly methods to reply to keyboard occasions:

  • {{on-key}} helper
  • {{on-key}} modifier
  • @onKey decorator

As chances are you’ll know, there was not too long ago an RFC to modernize ember-keyboard API. Recognizing key versus code is without doubt one of the troublesome issues that this addon can now resolve for you. Model 6 does restrict help to Ember 3.8+ and trendy browsers (IE 11 excluded) so it would be best to take into consideration your present necessities.

To be taught extra about trendy keyboard API and your migration path, we encourage you to go to these websites:

Final however not least, remember to thank Luke Melia (@lukemelia), Sean Clark (@optikalefx), Preston Sego (@NullVoxPopuli), Matt McManus (@mattmcmanus), Sean Juarez (@seanCodes), and Ben Demboski (@bendemboski) for shaping the brand new ember-keyboard API.


Utilizing Ember, you is likely to be acquainted with a set of instruments you can already use at the moment to make your app accessible. However what do you do in case you are engaged on an already mature Ember app that wants a number of enhancements to grow to be accessible? The place do you even begin?

In her current weblog put up, Samanta de Barros (@sdebarros) shares her findings on bettering the accessibility of an Ember app by using an automatic, gradual and a11y-focussed testing technique, semantic markup and display reader testing.

If you wish to learn how to degree up your app’s accessibility, learn her weblog put up on the simplabs weblog and in case you realized one thing from it, make sure you share it together with your Ember pals, too!


Have you ever wished to make use of ember-concurrency with TypeScript, however run into some limitations? In case you weren’t conscious, there is a new addon by Godfrey Chan (@chancancode) known as ember-concurrency-async. This addon introduces the acquainted async/await syntax to ember-concurrency duties. 😃

The primary benefit of the async technique syntax over the default ember-concurrency generator technique syntax is that it really works higher with the TypeScript compiler and issues powered by it, such because the JavaScript language server in Visible Studio Code. Resulting from the truth that TypeScript already understands the await key phrase natively, the compiler understands that yielding a price “returns” its resolved worth – one thing not attainable with generator technique syntax.

Head on over to the repo to be taught extra and try some examples of how ember-concurrency-async might help you write ember-concurrency duties in TypeScript.


Scorching 🔥 off the press is a model new RFC by Mel Sumner (@MelSumner) that proposes an interactive strategy to create Ember apps!

As a part of the hassle to make new Ember apps extra conformant for digital accessibility necessities at a worldwide scale, this RFC proposes an interactive workflow for brand new Ember apps. This can even benefit from aiding new customers preferring an interactive mannequin of recent app creation.

This new wizard for creating Ember apps would immediate customers who sort ember new into their command line with a sequence of questions that can assist in defining sure points of their app, together with whether or not the app is an app or addon, the app identify, what the spoken/content material language is, and what dependency supervisor and CI system are used.

If in case you have concepts about this thrilling addition to Ember tooling please head on over to the RFC and share your ideas.


This week we would wish to thank @rwjblue, @fivetanley, @igorT, @Gaurav0, @scalvert, @hergaiety, @amyrlam, @gokatz, @backspace, @gvocale, @lukemelia, @mansona 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 underneath bit.ly/ask-ember-core. And don’t fear, there are not any foolish questions, we recognize all of them – promise! 🤞


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

Carry on high of what is been occurring in Emberland this week by subscribing to our e-mail e-newsletter! You may also discover our posts on the Ember weblog.


That is one other wrap! ✨

Be variety,

Jessica Jordan, Jared Galanis, 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