September 28, 2022

Robotic Notes

All technology News

The Ember Times – Issue No. 65

3 min read

Hi Emberistas! 🐹

In this week’s edition we’re sharing news about a fresh πŸ₯’ RFC to deprecate .property()exciting addon updates πŸš€ for sparkles-component and ember-css-modules, and how Ember is a modern framework πŸŽ‰ – tell your friends!

Remember .property()?

fullName: computed(function() {
  // ...
}).property('firstName', 'lastName'),

This modifier for computed properties in Ember has been around for quite a while. And even though computed properties have already allowed to pass in dependent keys as an argument directly, eg….

fullName: computed('firstName', 'lastName', function() {
  // ...

… The modifier hasn’t been deprecated yet. The main obstacle for the deprecation has been the one valid use of .property(): It is required for cp macros, such as filter or map which receive a callback function as their argument.

A brand-new πŸ”₯ Request for Comments (RFC) πŸš’ proposes to transition away from the usage of .property for these macros to allow the deprecation of the otherwise redundant API. Curious readers can learn more about the motivation and the design of this move in the original proposal.

@rwjblue released version 1.1.0 of the sparkles-component which includes TypeScript conversion of the library.

The sparkles-component is an addon used to experiment with glimmer component style APIs in Ember apps via existing public APIs. It supports most of the @glimmer/component API including lifecycle hooks (constructor, didInsertElement, didUpdate, destroy), @tracked properties, ES base class, and decorator support (with the release of 1.1.0, this supports consuming via TypeScript).

To learn more, @rwjblue together with @ mike-north live streamed converting the library from JavaScript to TypeScript. You can watch the live replay on Twitch.

Community member @NullVoxPopuli has written a summary of a set of his favorite features that showcase how Ember is a modern framework, and can be attractive to people looking for all the shiny things. Check out The EmberJS of the future… today! where he discusses async lifecycle hooks, syntax for components, testing, dependency injection, keyboard accessibility and more.

salsify / ember-css-modules has launched a 1.0 thanks to bug reports, feature ideas and pull requests from the community over the past couple of years! ember-css-modules provides Ember-flavored support for CSS Modules. With the addon, styling is a first-class citizen alongside templates and JavaScript, with one CSS file per component.

This week we’d like to thank @rwjblue, @toddjordan, @chadhietala, @amyrlam, @chrisrng, @Alonski, @tylerturdenpants, @anehx, @runspired, @balinterdi, @pixelhandler, @dcyriller, @dcombslinkul, @tw @SparshithNR, @quajo, @ Gaurav0, @smfoote, @EndangeredMassa, @jfdnc and @adityasrini for their contributions to Ember and related repositories πŸ’–!

Office Hours Tomster Mascot

Wondering about something related to Ember, Ember Data, Glimmer, or addons in the Ember ecosystem, but don’t know where to ask? Readers’ Questions are just for you!

Submit your own short and sweet question under And don’t worry, there are no silly questions, we appreciate them all – promise! 🀞

Want to write for the Ember Times? Have a suggestion for next week’s issue? Join us at # support-ember-times on the Ember Community Discord or ping us @embertimes on Twitter.

Keep on top of what’s been going on in Emberland this week by subscribing to our email newsletter! You can also find our posts on the Ember blog.

That’s another wrap! ✨

Be kind,

Chris Ng, L. Preston Sego III, Amy Lam, Ryan Mark, Jessica Jordan and the Learning Team

Source link