Ember Addons You Should Be Using
- May 16, 2016
I've been using Ember for a few years now, and addons have become a powerful asset to the framework. Here's a list of ten awesome addons I consistently use.
When you start a new application in Ember, it's exciting to feel like you're getting a fresh start. It's natural to want to dump all the best addons into your app the moment you run
ember new runs-with-scissors. But of course the question arises, "What are the best addons?". I'm glad you asked, because this post contains my answer to that question.
The Best Ember Addons
At the time of writing, I've just started a little passion project my wife and I have been talking about for awhile. Having used Ember for a few years now, I enjoy coding in it far more than any other existing framework. During my time, I've come across a pretty solid list of addons that I can't forget to install in every app.
Here's ten to get you started:
What It Is: A set of Ember helpers to use in your templates that reduce the need for computed properties in your
.js files, especially if those properties are solely used to determine the results of things like if or unless blocks.
Use It If: You want to reduce the number of computed properties you write in your
.js files that are solely used to determine the result of
What It Does: Allows you to call actions in your
route files, instead of needing to invoke them from actions on your controller. This keeps your codebase cleaner and allows you to easily manipulate data in it's proper place, according to the new hotness that is Data Down Actions Up.
Use It If: You despise writing actions in your controller (Especially since they will be gone soon), just to pass them up to your
Use It If: You don't want to write another action that only contains
What It Is: A library that allows you to use native form inputs instead of Ember's which are two-way bound. These allow you to be more compliant with the Data Down Actions Up way of coding, but also give you some pretty cool power by allowing you to customize what happens when the input gets updated.
Use It If: You want to use native form fields while also increasing the amount of control you have over them.
What It Is: A powerful library that allows you to mock out data structures for development and testing. This is great if you want to get your models just right before you build out the API or want to write Ember tests using data that actually reflects what you will see in your app.
Use It If: You want to mock out realistic data and test your app with realistic data.
What It Is: A library for managing your user sessions on the front end. Though it may take some time to get up and running the first time around, it is a powerful tool that helps keep your users logged in, even if they leave your app and come back, as well as lock down pages of your app that require an authenticated user, or vice-versa.
Use It If: Your app has a sign-in page.
What It Is: An excellent tool that does away with the need to either add all those frustrating vendor prefixes, or write mixins that do it for you. With this addon, you can tell it what browsers and versions to add prefixes for, so you can just write your styles without needing to worry about them.
Use It If: Your app has contains a stylesheet.
8. Liquid Fire
What It Is: An outstanding animation library, made just for Ember, that utilizes the powerful Velocity.js. Coming packaged with a selection of default animations, it also gives you the power you to add your own and customize them to suit your needs. The addon uses a series of custom template helpers that allow you to determine when an animation should run as well as animate between pages.
Use It If: You want your app to feel more polished and smooth by using animation.
9. Ember Moment
Use It If: Your app plans on displaying dates.
What It Is: A validation library that uses beautiful computed properties instead of ugly observers to determine the validity of both Models and Objects in your app. Inspired by how Ruby on Rails handles validation, it is a very clean and customizable way of tackling a very complicated task.
Use It If: You want to perform front end validation in your app, without relying solely on the back end to do it for you.
In this post, we've listed out ten incredibly useful Ember addons you should strongly consider installing in to your app, especially if you are just starting one. I hope it has proven useful and that there was at least something beneficial in it for you.