New Year’s Countdown


This is the last of our December series-“New Year’s Countdown: 31 Days of Ember Plugin”. Thank you for joining us!

What a good month! In the past thirty days, we have shown different kinds of plugins in the Ember ecosystem. In this last article, we will show how the default plug-ins of the Ember application can be combined to form a great developer experience, and we will reflect on the entire series of articles.

This series of articles highlights the true spirit of the Ember community, which is that we come together to find a way to say “yes” to great ideas. At first it was a wish: “Wouldn’t it be great if we had our own Advent calendar blog?” Then, it quickly became an exquisite possibility: “Let’s count down for the new year, so that we can More plug-ins can be covered.” From there, it evolved into actionable steps: “What does an MVP blog post look like? How does a predetermined format make it easier for other community members to contribute?” This is our best How many live examples are there in your favorite open source projects!


Of course, we can only highlight a small part of the plug-ins that many of us use in our daily lives, and we didn’t even touch on the plug-ins included by default in the Ember application… so let’s do it now!

If you start to consider the types of applications supported by Ember—from dairy farm applications to cruise company websites to the future of open source blockchains—the need for stability becomes urgent and clear. This is where Ember’s backward compatibility guarantee really comes into play-new things won’t break your old things, and you will get enough time and guidance to upgrade.

One of the ways we can provide this flexibility and stability is through the work done by Rob Jackson, Kris Selden, Godfrey Chan, Ed Faulkner, and many others to make Ember more flexible by splitting it into separate plugins . This contributes to overall maintainability and becomes more convenient when only one plug-in is required to complete the work.

When you type ember new my-app Do you know all the things you get by default?

You may have realized the main things:

  • Component library (@glimmer/component )
  • database(ember-data )
  • The originator of all CLI tools (ember-cli)

These alone are amazing, which is why Ember is able to provide developers with such a cohesive and robust method for building applications All Skill levels. But there is more! Let’s take a look at some of the plugins that are built into Ember by default, and the usefulness they provide.

Make it strong

  1. @ember/optional-features -Who doesn’t like a good functional logo? This is one of the ways Ember allows you to try new features. The added benefit here is that we can test compatibility with existing features before making optional features permanent. Read more about the optional features in Ember: https://guides.emberjs.com/release/configuring-ember/optional-features/.
  2. ember-auto-import -We introduced this Day 6, But it is worth mentioning again. Starting from Ember v3.15, it is now part of the application by default! Gone are the days of needing to create (and maintain) Ember versions of popular libraries or packages. It eliminates the need for developers to understand the differences between AMD and CJS modules and how they enter the application tree. They don’t need to understand how to configure their build, or how Ember’s build pipeline is different from other build tools. They import what they need and it works.
  3. ember-qunit -Ember’s test story is undoubtedly one of its greatest strengths, and built into every application is the ability to write concise and readable tests. Read more information in the testing section of the guide: https://guides.emberjs.com/release/testing/.

Make it work

  1. ember-cli-dependency-checker Automatically check for missing dependencies before the command is run! Ember CLI is pure productivity gold; it provides you with powerful defaults, but you can customize it further if you want. Read more information here: https://guides.emberjs.com/release/configuring-ember/configuring-ember-cli/.
  2. ember-maybe-import-regenerator Import Regenerator Runtime into your Ember application-but only import it when you need it. Among other things, Useful for applications that want to use ES6 generator functions but don’t want to import the (larger) Babel polyfill package.
  3. ember-resolver If there is such a thing, it is probably the real “ash magic”. What template goes with what route? Human parser Support you. Technically, this is how your code is transformed into the actual classes/functions/templates that Ember needs to resolve its dependencies. You don’t need to think about or set it up, it’s there and working for you. It’s like magic. Or science.
  4. broccoli-asset-rev Add fingerprint checksums and CDN URLs to your assets (such as images, web fonts, etc.). There is one more thing you don’t have to think about, but you can customize it as needed. Similar to this, ember-cli-sri Ensuring the integrity of sub-resources is a security concept used to check whether JavaScript and style sheets are loaded with the correct content when using CDN.

Make it friendly

  1. ember-welcome-page It is a friendly way to let you know that you have successfully launched the Ember application.When you are ready to delete it and replace it with your own app content, please download from package.json And the related template code comes from app/templates/application.hbs Will bring you back to a blank sheet of paper.
  2. ember-cli-inject-live-reload Probably my favorite feature of Ember that is friendly to developers. I made the changes, and my local developer instance reloaded in real time, without me needing to make any settings. I’ll say it again-I don’t need to set it up. Absolute happiness.
  3. lint, lint and more lint-The most developer-friendly thing Ember offers is a powerful set of linters. There are many ways an application can go wrong, but Ember will do its best to solve preventable problems. ember-template-lint, eslint-plugin-ember, with ember-cli-eslint It’s just that we try to provide you with a few ways to lead to success.

When I stopped to think about all the things I had to do every time I set up a new application, I became more and more grateful for Ember’s way of making it easier for me to focus on what my application should do instead of all the tedious This can quickly waste developer productivity due to human error in small details.

On top of all this, Recently released Octane version of Ember This means that now is the best time to try Ember, regardless of your skill level. Ember watcher Still the preferred place to pre-evaluate the Ember plugin, and Community chat server If you need help and advice, or share some help and advice, this is the perfect place!

Regardless of your relationship with Ember.js, there is always something for you. Haven’t tried Ember yet?View Revised tutorial Give it a try! Ordinary Ember user?View Update guide, Let us know what you think! Already using Octane (v3.15+)? I bet there are some plugins that can use some updates! There is no more suitable time than now-jump in and give it a try.

Without a community of people that makes everything work, Ember would not be what it is now. Thank you for being a member of this community, thank you for your efforts to push the network forward, so that all of us can climb the well-known mountains together. I wish you a happy and healthy 2020!

Leave a Reply

Your email address will not be published. Required fields are marked *