Scribd
Upload
33 views2 pages

Aura 1

Uploaded by

prabathkotti
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
33 views2 pages

Aura 1

Uploaded by

prabathkotti
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

The Lightning Component framework is a UI framework for developing dynamic web apps

for mobile and desktop devices. Modern framework for building single-page
applications with dynamic, responsive user interfaces for Salesforce.com apps.

COMPONENT
=========
Components are the self-contained and reusable units of an app.
The framework supports partitioned multi-tier component development that bridges
the client and server.
It uses JavaScript on the client side and Apex on the server side.

aura:component
===============
Where to use the component?
in Home page
in Record Page
as tab page (app page)

Preview-able using app ( aura:application)


1. aura is a namespace
2. component is a pre-defined element in the lightning to create a custom
component
3. it is a functional unit of aura
4. it can have html and standard or custom component
5. file extension is *.cmp
6. it consists of below elements
i. Component (XML)
ii. Controller (Javascript) : client side controller
iii. Helper (Javascript) : client side controller (common part of
JS)
iv. Style (CSS) : style element
v. Documentation (Documentation)
vi. Renderer (Javascript) : renderer
vii. SVG (Icon) : icon element

7. Attributes
i. access : This denotes the scope of the component
Values:
public : default one which says that the component can be used within
the namespace only.
global : this says the component can be used both inside and outside the
namespace.

ii. controller:
Used to specify the name of the apex class.

iii. description
Comments about the component

iv. extends
1. this component can extend another component
eg., extends="namespace:anotherComponentName"

v. extensible
It is a boolean value. Default value is false.
If true, then this component can be extended by another component

vi. template
Specify the name of the custom template that your component
vii. implements
Used to specify the list of interfaces

8. Navigation
Setup
|--- > Developer Console
|--- > File
|--- > New
|---> Lightning Component
Interfaces
===========
flexipage:availableForRecordHome
expose the component in lightning app builder for record pages of standard and
custom objects.

flexipage:availableForAllPageTypes
expose the component in lightning app builder for all the page types such as
home page and record page.

force:appHostable - what is the use?. Implement it.


It is used to expose the component as custom tab.

================================================================
How to create component
How to preview using aura app
How to implement in record page, in app page.

About aura:component
used to create custom component

Component - is functional unit.


is a resueable element
is a event driven

flexipage:availableForRecordHome
flexipage:availableForAllPageTypes

<aura:attribute is used to create for the custom component.

attribute can be referred as below

{!v.attributeName}

How to pass value for the attribute


eg., if we have attribute as empName
<aura:attribute name="empName" type="String"></aura:attribute>

THen pass value as below


<c:attributeExample1 empName="Ranjith"></c:attributeExample1>

You might also like