Lightning Components

Lightning applications are composed of Lightning components. There’s not much difference the two with the exception that components must live inside an application. Before you proceed with this tutorial, I would suggest you take a look at the Lightning Components Quick Start which has a super simple guide to get a “hello world” up and running quickly. You might want to also check out the the Lightning Components Developer’s Guide for a great “Getting Started” expense tracker tutorial. We are going to build something a little more complex so let’s get started.

A component is actually a bundle of a number of files. Only the component or application is actually required but you’ll typically use at least a client-side controller as well. Here’s a breakdown of what’s in a component:

Component or Application (MyComponent.cmp or – This file contains the declarative markup for the component or app.
Controller (MyComponentController.js) – This file contains the client-side JavaScript controller methods to handle events fired and handled by the components.

CSS Styles (MyComponent.css) – The CSS styles scoped to the component.

Helper (MyComponentHelper.js) – This file contains JavaScript functions that can be called from any JavaScript code in a component’s bundle. Typically you’d move commonly called code from your controllers into a helper for reuse.

Components can also container custom renderers and documentation but that is beyond the scope of this tutorial.

To get started, the first thing you’ll need to do is signup for a new Winter ‘15 Developer org. Older orgs are not enabled with Lightning. Next follow steps #2 & #3 in the Lightning Components Quick Start. Make sure in step #3 you also check “Enable Debug Mode”.
Now create the two Custom Objects to hold your data. We’ll create a Product__c object and a Product_Size__c object that looks like the following:

Contact US

Our Services

Sales Marketing

Marketing has seen an extraordinary change lately, where the relationship among brands & clients has advanced altogether.

Sales Integration

Salesforce ranked first in 2018 by Forbes as the best innovative company. This cloud-based CRM platform enables sales

Sales Blockchain

In the current advanced administration, there is an expanding interest for speed, effectiveness, and above all trust.

Data Migration

When a customer decides to move to a new platform, there is a need to migrate all the functional data from their legacy system.

Pardot Sales

Pardot is a marketing computerization instrument, possessed by Salesforce. Advertisers utilize this device,


Many sales organizations are facing a common problem: producing accurate and professional sales quotes for


Salesforce offers a robust platform for SaaS based product and this platform can be leveraged to provide different types of solutions

Sales Cloud

Integrating with just any CRM is not enough. To be the best overview, one needs the best. Inadequate processes not only harm sales

Comments are closed.

Connect With Us

  • +1 (561) 220-0044
  • 2441 Bartlett St, Houston, TX 77098, USA

Copyright © 2018,  All Rights Reserved by