Friday, May 17, 2024
HomeJavaScriptThe Ember Occasions - Concern No. 128

The Ember Occasions – Concern No. 128


Glad Friday the thirteenth 👻, Emberistas! 🐹

Updates for the Octane/Traditional Ember Cheat Sheet 🎮,
take a look at the brand new accessible controls for ember-sortable 🎛️,
introduce adaptive loading to your app with Ember Machine 📶,
a brand new testing codemod from Freshworks 🎉,
and extra DecEmber 📆 updates!


Ember’s first version, Ember Octane, is across the nook. And did you already know that yow will discover all of the cheat codes you’ll ever want to maneuver basic Ember apps to Octane ones in this official cheat sheet? It compares most of the APIs, patterns and greatest practices that you simply may already be conversant in from the basic Ember world to the brand new paradigms utilized in Octane functions.

Previously weeks loads of group members labored on getting the cheat sheet prepared for the upcoming launch of Ember Octane. Lately, they added data on how the Knowledge Down, Actions Up sample compares between basic and Octane apps, template co-location, methods to migrate when utilizing Mixins and rather more. Try the cheat sheet right this moment!

Final, however not least, we want to not solely thank those that labored on the most recent replace of the Ember Octane vs Traditional Cheat Sheet, but additionally everybody else who made this useful studying useful resource a actuality beforehand: an enormous thanks 💖 goes to the contributors Jen Weber (@jenweber), Melanie Sumner (@MelSumner), Venus Ang (@venusang), Rajasegar Chandran (@rajasegar-c), David Baker (@acorncom), Peter Wagenet (@wagenet), Robert Wagner (@rwwagner90), Chris Garrett (@pzuraq), Eli Flanagan (@efx) and L. Preston Sego III (@NullVoxPopuli)!

Need to contribute to the cheat sheet your self? Try the venture on Github and chat with different contributors on the #dev-ember-learning channel on the Ember Discord!


Yicheng (Jerry) Gong (@ygongdev) wrote a weblog publish that documented the method on how we now have accessible controls for ember-sortable, an open supply drag and drop checklist type Ember addon.

Sadly there was not a well-defined commonplace for making accessible drag and drop controls from organizations such because the WCAG. He turned to Andrew A Lee (@drewlee) who created a complete checklist on what accessible options must be anticipated on a drag and drop utility and even a CodePen demo. These accessible controls have now landed as a part of the 2.0.0 launch of the ember-sortable addon. Try the accessible controls on the demo web page right this moment!

As a part of this work, ember-sortable is now a part of adopted-ember-addons, which is a GitHub org the place group members can discover a new house for his or her Ember addon. Furthermore, ember-sortable was additionally highlighted on DecEmber Day 1!


With Ember Machine, you’ll be able to progressively ship wealthy content material and highly effective net experiences. Due to Gokul Kathirvel (@gokatz), you’ll be able to present as a lot worth to customers with low-end units as to customers with high-end units. 💯

Ember Machine offers a machine service so to gauge a consumer’s machine and community to resolve what content material to indicate.

{}
  {{#if (eq effectiveType "slow-2g")}}
    <ImageLoader @decision="low" />

  {{else if (eq effectiveType "2g")}}
    <ImageLoader @decision="mid" />

  {{else if (eq effectiveType "3g")}}
    <ImageLoader @decision="excessive" />

  {{else if (eq effectiveType "4g")}}
    <VideoLoader />

  <!-- Fallback -->
  {{else}}
    <ImageLoader @decision="mid" />

  {{/if}}
{{/let}}

To study extra about adaptive loading, we encourage you to take a look at Ember Machine’s documentation and Sivasubramanyam A (@astronomersiva)’s weblog publish!


mocha-to-qunit, the most recent codemod from Freshworks, helps you migrate a manufacturing check suite from Mocha to QUnit. We encourage you to strive it out and contribute again to the venture!

You will discover all codemods by Freshworks on their GitHub repo.


DecEmber goes sturdy, highlighting a brand new addon every day till the calendar turns! Try the newest DecEmber posts, masking addons equivalent to ember-auto-import, ember-cli-sass, and ember-simple-auth.


This week we would wish to thank @rwjblue, @Gaurav0, @runspired, @dmuneras, @locks, @psbanka, @ctjhoa, @samselikoff, @abel-n, @lolmaus, @acorncom, @amyrlam, @pzuraq, @jenweber, @chancancode, @stefanpenner, @Turbo87 for his or her contributions to Ember and associated repositories! 💖


Office Hours Tomster Mascot

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

Submit your personal brief and candy query beneath 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 problem? Be part of us at #support-ember-times on the Ember Neighborhood Discord or ping us @embertimes on Twitter.

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


That is one other wrap! ✨

Be form,

Chris Ng, Isaac Lee, Jessica Jordan, Amy Lam and the Studying Crew



RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments