Emberjs

Ember.js How to set classes

Relative to using pure HTML and JavaScript to set or add css classes to elements, Ember.js has a more elegant way of setting classes to elements or components.

For example, we have something like this:

// list1.css
.hideList {…

Import Node Modules the Ember Way

If you guys are like me, a complete noob at Ember (I’ve just picked it up and have been working on it for a month now for a new project at work), you might have ran into an issue trying to import node modules.

Ember.js Send actions from routes

Have you guys tried to do something like this:

<button onclick=(action “onClickAction”)></button>

and you get an error like this?

Assertion Error: an action named <action_name> was not found…

Ember.js Set up constants

What if you needed one place where you can access all of your constants in Ember? We want to write clear and concise code, and if we have a large project where each file contains 1000+ lines of code, we would want to separate the constants in another file right? It is good practice…

Ember.js Loading substate templates

Today, I will be talking about my experience and what I have learned by implement loading substates in Ember.js. It is a very convenient way of showing loading states for conventional uses, such as loading spinners or loading progress bars.

Ember.js Recursive component and action bubble up

Ember recursive component is very interesting. I had to create a side tree view component for a project I was working on and I created it using a recursive component in Ember.

Ember.js .setProperties

This is a simple example of when you should use the .setProperties on an Ember object such as the controller.

// search.js
export default Ember.Route.extend({
  setupController(controller, model) {
    this._super(controller, model)
    
    let foods =…

Ember.js Unit testing routes

In this post, I will be talking about everyone’s favorite topic in programming, you have all heard of it, testing!

Testing in Ember can be a bit daunting when first starting out on the framework. But after taking the time to learn and understand Ember…