Ember Styleguide 4.0.0 release ๐ฅ, autotracking case study with TrackedMap ๐พ๐บ, simple drag and drop in Ember Octane ๐บ, meet 2 developers who became Ember developers ๐, and last, but not least, watch the new EmberMap video on the {{ opening_double_curly() }}fn{{ closing_double_curly() }} helper ๐บ!
A new Ember Styleguide release was cut today ๐ณ and it represents a massive amount of work by a number of contributors over the last year: 372 commits, 719 files and 13 contributors to be exact! ๐ฑ Check out the app here on the web as well.
To see any of the individual changes, please look at the pre-release versions in the changelog. The changes are too many to capture here, but here are a few of the high level overviews:
Remove ember-cli-addon docs in favor of field-guide for better SEO
Remove components that are not actively being used in any project
Implement base styles that are common across all of the Ember websites
Implement common CSS helpers for things that don't need a dedicated component
Upgrade most of the remaining components to Glimmer components
Streamline the CSS build pipeline to remove duplicate CSS and improve its Lighthouse score
In the latest edition of his blog post series on autotracking in Ember Octane, Ember Core team member Chris Garrett (@pzuraq) gives us insight into an interesting case study to explore the new reactivity model in Ember Octane even further. He outlines how to build a TrackedMap - an autotracked version of JavaScript's built-in Map class - and why building and using such a class will improve the developer ergonomics and performance of our Ember apps.
Curious to learn more? Read the full post on @pzuraq's blog!
And by the way: Even though the case study is also a detailed guide on how to develop your own TrackedMap, you don't have to build it yourself, to be able to use this awesome feature in your Ember app. Check out @pzuraq's community addons tracked-built-ins or tracked-maps-and-sets to autotrack Maps today!
The secret? You can use modifiers to simplify adding drag events. Derek breaks everything down for you and explains each step.
I think articles like this will help you build your developer skillset. There is a lot of useful info in Derek Gavey's piece. We look forward to reading his next article on how to make a sortable list!
In the blog post, Francisco shares what he liked and what he found to be difficult to do in Svelte and Ember. He also shares the notes that he compiled while learning Ember. We encourage you to read them to understand more what using Ember can be like for a new developer.
(Both Francisco's blog post and notes are written in Spanish. If you're not familiar with the language, you can use Google Translate or another translation software.)
Next, please welcome Jenny Judova (@JennyJudova). Jenny is a UI engineer who has experience with React and began to learn Ember for her current job.
In the blog post, Jenny explains step-by-step how to create a Todo app and relates Ember Octane code to what you might see done in React. She finds that it's easier to learn a new language when it's compared to something you already know, even if the comparisons may not be perfect.
If you are interested in learning more about solving the Todo problem in Ember and React, please check out the blog post!
This edition of EmberMapโs Whatโs New in Ember series discusses the fn or function helper โ Ember's conceptual shift in binding actions at the source, rather than at the invocation site.
The fnย helper which has been available since Ember 3.11, provides a way to pass arguments to actions. While this may be something Ember already provided for a long time, the EmberMap video goes through the nuisance of how the fn helper provides added functionality by binding the this context and currying the arguments passed. For example, it allows you to pass parameters along to functions in your templates:
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 bit.ly/ask-ember-core. And donโt worry, there are no silly questions, we appreciate them all - promise! ๐ค