Friday, March 29, 2024
HomeJavaScriptThe Ember Instances - Subject No. 161

The Ember Instances – Subject No. 161


👋 Emberistas! 🐹

ember-component-template-colocation-migrator now helps addons 🎉,
constructed with Ember.js: 10001 digital artwork exhibit 🎨,
ember-mobile-menu v2 launched 📱,
assist with Embroider readiness 🔥,
and final, however not least, new free video and teacher at EmberMap 📹!


The ember-component-template-colocation-migrator codemod co-locates element JS and HBS information as described within the Part Templates Co-location RFC. The v1.1.0 launch provides help for migrating addons, however templates shared by a number of parts are excluded. On this case, it’s as much as finish customers learn how to record these; they’re reported in the identical approach different skipped templates (like partials) are. Equally, mixins that use structure will not be migrated.

When operating the codemod, as a substitute of:

your-addon/
  addon/
    parts/
      some-component.js
    templates/
      parts/
        some-component.hbs

You’ll get:

your-addon/
  addon/
    parts/
      some-component.js
      some-component.hbs

Attempt it out immediately by operating the migrator in your app or addon:

npx github:ember-codemods/ember-component-template-colocation-migrator

Moacir P. de Sá Pereira (@muziejus) introduced in a tweet that whereas on trip 🏝, he is been serving to an artwork gallery put collectively a web site for a digital exhibition: 10001.undercurrent.nyc.

On August 5, Undercurrent launched “10001,” a collaborative digital challenge that continues by means of September 12. This challenge is co-organized by the European Union Nationwide Institutes of Tradition’s New York Cluster. Borrowing the zip code from each the Empire State Constructing and New York Metropolis’s Central Put up Workplace, “10001” focuses on the collaboration of strangers and the narrative of their collective inventive course of utilizing New York Metropolis because the linchpin. Coming from quite a lot of disciplines, twelve European Union artists who’ve by no means met one another can be randomly paired, making up a complete of six groups. By means of a collection of Zoom classes, every crew will spend a six-week interval growing a single challenge that can reimagine NYC publish March 20, 2020.

The 10001 web site is constructed with Ember 3.18! It is incredible to see Ember.js getting used within the wild, and we expect that the location design is fairly rad too. Look ahead to trying out the content material because the artists proceed their work on this pandemic-friendly exhibition.


Earlier in August, Nick Schot (@nickschot) introduced the v2 launch of ember-mobile-menu.

In case you were not conscious, ember-mobile-menu gives a gesture-enabled hamburger menu. You may try a real-world implementation in Empress Hummingbird.

For a whole record of latest options in v2, we encourage you to take a look at Nick’s tweet and the repo changelog. Listed here are just a few of the perfect:

  • Written in Octane (v3.20 on the time of writing)
  • Spring physics and cancellable/resumable ending animations
  • Varied menu kinds
  • FastBoot help

This week, Yehuda Katz (@wycats) opened a meta problem regarding the readiness of Embroider, Ember’s subsequent construct system. The difficulty is supposed to trace the steps that should be taken earlier than individuals can virtually use Ember with Embroider as a supported choice with route-based code splitting (“Embroider readiness”).

An app that allows Embroider’s route-based code splitting with splitAtRoutes mode should be capable to function within the presence of the next flags (which suggests the app just isn’t utilizing basic dynamic options):

  • staticAddonTestSupportTrees
  • staticAddonTrees
  • staticHelpers
  • staticComponents

The primary goal for Emroider readiness is to create a transition path to route-based code splitting, which implies that all addons included within the default blueprint should be in a position to take action. It additionally implies that addons which might be often utilized in real-world purposes, akin to ember-concurrency, want to have the ability to allow these flags.

Embroider is a very essential subsequent step for the way forward for Ember. It might be useful for anybody to check out Embroider readiness of their addon or software in splitAtRoutes mode with these flags enabled and supply suggestions. If you’re inclined, head on over to the meta problem and provides it a learn.

It’s price mentioning that different issues must be performed with a purpose to get Embroider stabilized to be used in Ember. You may examine that record out in Ed Faulkner’s (@ef4) monitoring problem.


EmberMap has a brand new teacher! Lindsay Cade (@cadeParade) has joined the EmberMap crew and launched her first video, which covers testing loading states 🎉. Bonus, this educational video is free!

Lindsay teaches us learn how to use the wait helpers constructed into ember-test-helpers to make sure that you may write strong checks round loading state that watch for async habits to resolve earlier than making assertions.

Try the free video at EmberMap.


This week we might wish to thank Amy Lam (@amyrlam), Ben Demboski (@bendemboski), Bryan Mishkin (@bmish), Jan Buschtöns (@buschtoens), Chris Ng (@chrisrng), Isaac Lee (@ijlee2), Jared Galanis (@jaredgalanis), Jenny Judova (@JennyJudova), James Herdman (@jherdman), Jonathan Johnson (@jrjohnson), Katie Gengler (@kategengler), Kelly Selden (@kellyselden), gguri4549 (@kookyungmin), Kris Selden (@krisselden), Chris Manson (@mansona), Chris Garrett (@pzuraq), Robert Jackson (@rwjblue), Sourabh Mandal (@sourabhmandal), Thomas Wang (@xg-wang) 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 recognize all of them – promise! 🤞

Wish to write for the Ember Instances? 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 happening in Emberland this week by subscribing to our e-mail e-newsletter! You may as well discover our posts on the Ember weblog.


That is one other wrap! ✨

Be sort,

Chris Ng, Amy Lam, Isaac Lee, Jared Galanis, and the Studying Staff



RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments