Ember Composable Helpers

In this article, we will look into what are Ember Composable Helpers and how are those useful but before that let's have a look at what are helpers in Ember.js What is a Helper?Helpers in Ember.js can be module or function that provides templates with the ability to have additional functionality. They help in formatting the data as required by the template. ExampleLet's consider an example: We have a list of arrays of movies as given below: /** This is an array of objects of movies **/ const movies=[ { name:"Joker", isSuccessful:true }, { name:"Titanic", isSuccessful:true }, { name:"The

Creating Drop Down Component with Ember Contextual Component

In most of the recent frameworks, you must have came across concept called Component. Component has became integral part of JS development these days. Those are independent and reusable bits of code, which make your code looks much more cleaner and maintainable. Here in this article, we will look into “Contextual Component” to write more flexible and expressive interfaces for your components in Ember.js framework. Problem: While working on one of the Ember.js application, we came across a requirement of adding a drop-down in the project. There were already two drop-down components, but they were very tightly coupled

Use of Ember.computed class methods

In this article we are going to have look at some methods of Ember.computed class which helps you to refactor code or write more readable code. And most importantly if ember provides its own methods then why to write code with number of lines to do same thing. Ember.computed class documentation: Ember.computed getEach: This method returns all the values for attributes passed as argument. var names = [] this.get('model').forEach((user)=>{ names.push(user.get('name')); }); This can be simply done as: this.get('model').getEach('name'); It will return array of names. sum: This method

Ember custom Truth helpers and Handlebar

Ember uses the Handlebars templating library for your app's user interface. Handlebars templates contain static HTML and dynamic content. It uses data-bindings for dynamic contents. For more details you can check ember documentation: Handlebar Documentation Helpers: Helpers are functions that are designed to help you control the way your data is rendered by the template in the browser for the client to view. Helpers helps you to add additional functionality to your templates beyond what is included out-of-the-box in Ember. Helpers are most useful to transform raw values from models and components into a format more appropriate for your users.

Similarities between Ember FactoryGuy and rails FactoryGirl

While working with any application, testing plays most important role. Data is main requirement for writing proper test cases. We need different kind of data to test complex features and here factories plays important role. Data factory is blueprint that allows us to create an object, or a collection of objects, with predefined set of values. Factories makes it easy for us to define different kind of data. In rails or ember we create model object to write test cases. In rails many of us use FactoryGirl to create such test data using factories. Same way ember has FactoryGuy. Ember's