Components are a higher-level construct of Ember.js views, and therefore, to define one, we'll need to define either or both of the following two Ember.js objects:
The class is usually extended from the
Ember.Component class in the following signature:
MyAppNamespace.ComponentNameComponent = Ember.Component.extend();
component template is then defined and named using Ember.js conventions. For example, the template for the preceding component will be named as:
The bundled sample of this chapter includes a simple application that utilizes several components. This application allows users to upload and rate photos as shown in the following screenshot:
The application ...