SlideShare a Scribd company logo
Lightning Components
Introduction, Benefits & Architecture
Durgesh Dhoot
ddurgesh28@gmail.com
@ddurgesh28
Durgesh Dhoot
Technical Consultant @ Appirio
6x Certified Salesforce Developer
Forward-Looking Statements
Statement under the Private Securities Litigation Reform Act of 1995:
This presentation may contain forward-looking statements that involve risks, uncertainties, and assumptions. If any such uncertainties materialize or if any
of the assumptions proves incorrect, the results of salesforce.com, inc. could differ materially from the results expressed or implied by the forward-looking
statements we make. All statements other than statements of historical fact could be deemed forward-looking, including any projections of product or
service availability, subscriber growth, earnings, revenues, or other financial items and any statements regarding strategies or plans of management for
future operations, statements of belief, any statements concerning new, planned, or upgraded services or technology developments and customer contracts
or use of our services.
The risks and uncertainties referred to above include – but are not limited to – risks associated with developing and delivering new functionality for our
service, new products and services, our new business model, our past operating losses, possible fluctuations in our operating results and rate of growth,
interruptions or delays in our Web hosting, breach of our security measures, the outcome of any litigation, risks associated with completed and any possible
mergers and acquisitions, the immature market in which we operate, our relatively limited operating history, our ability to expand, retain, and motivate our
employees and manage our growth, new releases of our service and successful customer deployment, our limited history reselling non-salesforce.com
products, and utilization and selling to larger enterprise customers. Further information on potential factors that could affect the financial results of
salesforce.com, inc. is included in our annual report on Form 10-K for the most recent fiscal year and in our quarterly report on Form 10-Q for the most
recent fiscal quarter. These documents and others containing important disclosures are available on the SEC Filings section of the Investor Information
section of our Web site.
Any unreleased services or features referenced in this or other presentations, press releases or public statements are not currently available and may not
be delivered on time or at all. Customers who purchase our services should make the purchase decisions based upon features that are currently available.
Salesforce.com, inc. assumes no obligation and does not intend to update these forward-looking statements.
Agenda
● What are Lightning Components
● Benefits of Component Driven Approach
● Lightning Components & Aura
● Architecture & Lifecycle
● Artifacts
● Where Do They Run ?
● Tools For Development
● Logging & Debugging

Recommended for you

Decluttering your Salesfroce org
Decluttering your Salesfroce orgDecluttering your Salesfroce org
Decluttering your Salesfroce org

Did you inherit a cluttered org with no documentation? Are you trying to figure out why you have 500 fields on an object? Join this session and collaboratively learn from other customers about the most common traits of a messy implementation, and how you can untangle yours.

salesforcesalesforce.comadministrator
Salesforce Integration Pattern Overview
Salesforce Integration Pattern OverviewSalesforce Integration Pattern Overview
Salesforce Integration Pattern Overview

Salesforce has a lot of Integration patterns for the different use cases. This presentation will give detail about all such patterns.

integrationpatternapex
Lightning Web Component in Salesforce
Lightning Web Component in SalesforceLightning Web Component in Salesforce
Lightning Web Component in Salesforce

1. Lightning Web Components introduce a new programming model built on modern web standards that provides enhanced productivity, performance, and compatibility. 2. They allow more code to be executed by the browser instead of JavaScript abstractions for improved performance. 3. Lightning Web Components can coexist and interoperate with existing Lightning components and can be composed with clicks or code.

salesforcelightning web componentlightning experience
Everything revolves around Components
All leading platform companies are investing in component frameworks
Google
Polymer
Facebook
React
Salesforce
Lightning
Twitter
Flight
Mozilla
Brick
What are Lightning Components?
● Part of the Salesforce Lightning framework
● Are Self-contained and reusable functional units of an app
o Reusable section of the UI
o Rendered as HTML DOM elements in browsers
● Exposes their Definitions
o Attributes passing
● Has a Encapsulated Implementation
o Component Bundle
o HTML,CSS & Javascript
● Communicate with Events
● Based on Open source Aura Framework
Car Tire
Braking
Pads
Mirror
Ltng App Ltng Components
Analogy
Analogy (Code)

Recommended for you

Real Time Integration with Salesforce Platform Events
Real Time Integration with Salesforce Platform EventsReal Time Integration with Salesforce Platform Events
Real Time Integration with Salesforce Platform Events

Platform Events enables a new event-driven architecture for Salesforce focused on events and record changes, rather than full record processing. Join us to learn about Platform Events and what this will mean to the future of integration with Salesforce. In this exclusive webinar, you'll learn about - How Platform Events enable real-time integration - Defining, publishing and subscribing to Platform Events in Salesforce - How Platform Events work through live demonstrations

salesforcedevelopersalesforce developers
Migrating Visualforce Pages to Lightning
Migrating Visualforce Pages to LightningMigrating Visualforce Pages to Lightning
Migrating Visualforce Pages to Lightning

So you have made the decision to move to Lightning, but what does that mean for your Visualforce pages? Join us to find out what works and what doesn’t, strategies for the things you might need to fix, and finally, how to update your pages with the Salesforce Lightning Design System, and much more.

codesalesforce developerslightning components
Salesforce Integration Patterns
Salesforce Integration PatternsSalesforce Integration Patterns
Salesforce Integration Patterns

This document describes some of the available integration options used within Salesforce and the pros/cons to each approach.

salesforcesoapintegration
Benefits
9
1. Quick, Easy & Independent Replacement No need to wait
till next Service
Day
No need to
worry or
interfere your
engine or car
seat etc.
Benefits
10
1. Quick, Easy & Independent Replacement
2. Parallel development (Divide-and-conquer)
Brake Pads can be built
independently of tires, so you
can divide the teams easily
Benefits
11
1. Quick, Easy & Independent Replacement
2. Parallel development (Divide-and-conquer)
3. Built for Specifications
Brand A Brand B
But Consistent
Interface &
Specs
Benefits
12
1. Quick, Easy & Independent Replacement
2. Parallel development (Divide-and-conquer)
3. Built for Specifications
4. Customize it like never before
(Serious Customization)

Recommended for you

Development Best Practices
Development Best PracticesDevelopment Best Practices
Development Best Practices

The document provides best practices for development, testing, and release management on the Salesforce platform. It recommends establishing a center of excellence to manage governance, using agile methodologies like Scrum for development, and maintaining separate environments for each stage of the development lifecycle. Testing strategies should incorporate unit, integration, user acceptance, and regression testing. Release management should be handled by a dedicated release manager who follows a release roadmap and ensures changes are tested and approved before deployment to production. Automating deployments, implementing source control, and refreshing sandboxes regularly are also advised.

Lightning Web Components
Lightning Web ComponentsLightning Web Components
Lightning Web Components

This document provides an overview of developing Lightning Web Components (LWC) with the Salesforce Development Experience (DX). It discusses the need for LWC, how to set up the development environment with the Salesforce CLI and VS Code extensions, the anatomy of an LWC bundle, using decorators while developing components, deploying LWC to orgs, and comparing LWC to Aura components. The presentation encourages attendees to get hands-on experience with LWC through Trailhead modules.

lightning web componentslwclightning
LMS Lightning Message Service
LMS Lightning Message ServiceLMS Lightning Message Service
LMS Lightning Message Service

The document provides an overview of Lightning Message Service (LMS) and how to use it across Lightning Web Components (LWC), Aura, and Visualforce. LMS allows components to communicate by publishing and subscribing to messages on channels. In LWC, the messageService module is used to publish, subscribe, and handle messages. In Aura, the lightning:messageChannel component provides publishing and subscribing. In Visualforce, the $MessageChannel global and sforce.one functions are used.

salesforcejavascriptdom
Benefits
13
1. Quick, Easy & Independent Replacement
2. Parallel development (Divide-and-conquer)
3. Built for Specifications
4. Customize it like never before
(Serious Customization)
5. So many Ready Made Choices
(Appexchange, Github...)
Benefits
14
1. Quick, Easy & Independent Replacement
2. Parallel development (Divide-and-conquer)
3. Built for Specifications
4. Customize it like never before
(Serious Customization)
5. So many Ready Made Choices
(Appexchange, Github...)
6. Use same set of components but build different
things
One Big Benefit of Lightning Component Is
<iframes/>
16
Aura
Lightning Components
Lightning Component & Aura
Built on top of Aura
Salesforce-specific extensions
Open Source framework
Vendor agnostic

Recommended for you

Lightning web components
Lightning web componentsLightning web components
Lightning web components

Introduction to Lightning Web Components (LWC) Why Lightning Web Component (LWC) Part 1 - Vanilla HTML5 Web Components Benefits of Web Component Pillars of Web Component Demo of Custom Element and Templating Part 2 - Lightning Web Component Hello World Demo of Lifecycle methods Call Apex Class Access Custom Label Lightning Data Services Communication between Lightning Component and LWC Third party Callout from LWC

lightning web componentslwcapexhours
What Is Salesforce CRM? | Salesforce CRM Tutorial For Beginners | Salesforce ...
What Is Salesforce CRM? | Salesforce CRM Tutorial For Beginners | Salesforce ...What Is Salesforce CRM? | Salesforce CRM Tutorial For Beginners | Salesforce ...
What Is Salesforce CRM? | Salesforce CRM Tutorial For Beginners | Salesforce ...

This Salesforce CRM tutorial will take you through what is Salesforce CRM, benefits of Salesforce CRM, how CRM works, along with Salesforce CRM demo and use case. This Salesforce training slides is ideal for beginners to learn CRM.

crm salesforcesalesforce marketing cloudsalesforce training
Introduction to the Salesforce Security Model
Introduction to the Salesforce Security ModelIntroduction to the Salesforce Security Model
Introduction to the Salesforce Security Model

The Salesforce platform offers system as well as application level security capabilities for building robust and secure applications. Join us as we introduce the system-level security features of Salesforce, like authentication and authorization mechanisms that include various Single Sign-On and OAuth flows. We'll also cover declarative application-level security features, like user profiles, roles and permissions, and how an Organization Wide Security and record-sharing model enforces a finer level of access control over the data.

developersecuritysingle sign-on
17
…… Aura is the ArcFor SF Lightning Man
Bridges both the worlds
18
… partitioned multi-tier
component development
Client Side Server Side
AppCache Cache
Manifest Request
Design + Data
Component Request Life Cycle
16
Component Request Life Cycle
1
Client Sends the request
17

Recommended for you

Salesforce Presentation
Salesforce PresentationSalesforce Presentation
Salesforce Presentation

The document provides an overview of Salesforce development. It discusses that Salesforce is a cloud-based CRM platform with over 82,000 customers. It offers features for marketing, sales, services, and more. Salesforce can be customized through tools like Sales Cloud, Service Cloud, and Custom Cloud. Development in Salesforce involves creating objects and relationships, automating processes with workflows and approvals, building reports and dashboards, adding programming logic with Apex, and creating custom interfaces with Visualforce.

sales cloudcrmweb applications
Introduction to lightning web component
Introduction to lightning web component Introduction to lightning web component
Introduction to lightning web component

Kitchener, CA Developer Group's online session on "Introduction to Lightning Web Component". In this session, we discussed about basics of web component based development, difference between aura framework & lightning web component, demo.

lightning web componentsalesforceonline
Salesforce Flows Architecture Best Practices
Salesforce Flows Architecture Best PracticesSalesforce Flows Architecture Best Practices
Salesforce Flows Architecture Best Practices

The use cases for Salesforce Flows are endless, and its capabilities are growing with every Salesforce release. It allows you to automate and optimize processes for every app, experience, and portal, and it gives Admins access to “code-like” functionality, without having to write a single line of code. But with great power comes great responsibility! And when working with Flows you must ensure you are following some best practices to ensure your Flows are future proof and scalable. Join Salesforce 8x Salesforce MVP, Rakesh Gupta and Oz Lavee, ForeSight CTO, as they share some golden rules and best practices for Flows Architecture. During the webinar you will learn: · Best practices and design tips to make sure your flows scale with your organization · Key considerations for Salesforce automation · Winter 22 highlights

salesforceautomationcrm
Component Request Life Cycle
Parse Request,
Load Registries,
Locate Component Definition
2
Build / Retrieve
Component Definition
3 4
Create New Instance
From Definition
5
Serialize and Send
21
Component Request Life Cycle
5
Receive the Response
6
Deserialize Traverse Response Tree
7 8
Render App
19
Renderer : js
Definition : html
APP or COMPONENT BUNDLE
Helper : jsStyle : css
Cmp1 Cmp3
Cmp2 App1
App1 App2
Cmp2 Cmp2
Package 1 Package 2
Controller : js Documentation
Artifacts of Lightning Component
20
Artifacts of Lightning Component
Resource Resource Name Usage
Component or Application sample.cmp or sample.app
The only required resource in a bundle. Contains markup for the
component or app. Each bundle contains only one component or
app resource.
CSS Styles sample.css Styles for the component.
Controller sampleController.js
Client-side controller methods to handle events in the
component.
Design sample.design
Required for components used in the Lightning App Builder or
Lightning Pages.
Helper sampleHelper.js
JavaScript functions that can be called from any JavaScript code
in a component’s bundle.
Documentation sample.auradoc
A description, sample code, and one or multiple references to
example components.
Renderer sampleRenderer.js
Client-side renderer to override default rendering for a
component.
SVG sample.svg
Custom icon resource for components used in the Lightning App
Builder.
21

Recommended for you

Migrate To Lightning Web Components from Aura framework to increase performance
Migrate To Lightning Web Components from Aura framework to increase performance Migrate To Lightning Web Components from Aura framework to increase performance
Migrate To Lightning Web Components from Aura framework to increase performance

Migrate To Lightning Web Components from Aura framework to increase performance of Lightning Components

lwclightningweb component
Salesforce Flawless Packaging And Deployment
Salesforce Flawless Packaging And DeploymentSalesforce Flawless Packaging And Deployment
Salesforce Flawless Packaging And Deployment

The slides will give you an overview of the phases till packaging and deployment, the challeges of packaging complonent and Solutions for them.

salesforcepackagingselenium
Customizing Salesforce User Interfaces with Lightning Components
Customizing Salesforce User Interfaces with Lightning ComponentsCustomizing Salesforce User Interfaces with Lightning Components
Customizing Salesforce User Interfaces with Lightning Components

Beginning with Salesforce1, Lightning Components are being used to create and update user interfaces company-wide. Join us to learn how to use the Lightning Components that you develop or install from AppExchange to customize these UIs in ways that were previously difficult, or impossible. This session is aimed at intermediate users who have some experience with Lightning Components.

salesforce.comsalesforce developersdf15
25
Where do they run ?
First Thing First - Enable Lightning Component
Enable My Domain. After you successfully register it
you must then come back to the My Domain setup
and click to Deploy to Users. Also, make sure you are
logged in through the My Domain URL.
WHY ??? Security, your components run inside your
domain
Where do they run?
Tools For Development

Recommended for you

Lightning Workshop London
Lightning Workshop LondonLightning Workshop London
Lightning Workshop London

The document provides an agenda and details for a Lightning Workshop on March 11th 2015. It will include presentations on Salesforce1 Lightning Overview and hands-on tutorials for Lightning Components, Process Builder, Lightning App Builder, and Lightning Connect. Safe harbor statements are also included regarding any forward-looking statements made in the document.

auralightingdeveloper
Salesforce Lightning workshop
Salesforce Lightning workshopSalesforce Lightning workshop
Salesforce Lightning workshop

This Presentation helps to get you started with Salesforce.com lightning products Lightning Connect Lightning Components Lightning Process Builder Lightning App Builder This was Presented in the Salesforce.com Kerala Developer Group Meetup Salesforce.com Gurgaon Developer Group Meetup Salesforce.com Chennai Developer Group Meetup By Shivanath Devinarayanan

salesforce.comlightning componentslightning
ISV Lightning Webinar Series - Part 2 (December 8, 2015)
ISV Lightning Webinar Series - Part 2 (December 8, 2015)ISV Lightning Webinar Series - Part 2 (December 8, 2015)
ISV Lightning Webinar Series - Part 2 (December 8, 2015)

This document summarizes a webinar about building and releasing Lightning components for ISVs. It covered creating a component demo, tips for building components like using the Salesforce Lightning Design System and documenting components. It also discussed distributing components in managed packages and licensing options. Security best practices for Lightning components were reviewed like enforcing CRUD/FLS on the server-side and protecting against malicious scripts.

Tools For Development
1. Salesforce Developer Console
2. 3rd Party IDEs: Mavensmate, The Welkin Suite IDE, BrainEngine
3. Chrome Extension: Salesforce Lightning Inspector
29
Salesforce Lightning Inspector
30
Building Lightning Components is now even easier!
● Easily inspect and navigate the structure of your components
● Identify performance bottlenecks by looking at a graph of component creation time
● Debug server interactions faster by monitoring and modifying responses
● Navigate the component tree, inspect components and their associated DOM elements
● Track event firing and handling sequences
Logging & Debugging
31
● Native JS Log functions, console.log();, debugger;
● Use Aura methods, $A.log(string[, error]);
● To log messages in PROD or PROD-DEBUG modes, write a
custom logging function, subscribe using
$A.logger.subscribe(String level, function
callback); and then call $A.log(string);
● Level: ASSERT, INFO, ERROR, WARNING
● Use the $A.warning(string); method to write a
warning message
● Server side exceptions can also be handled using
response.getErrors(); we will see this while Calling
Server Side Apex Code.
Learn More about Lightning Components
●Trailhead Module: Lightning Component
●Trailhead Project: Quick Start: Lightning Components
●Trailhead Project: Build an Account Geolocation App
●Lightning Components Developer's Guide

Recommended for you

Intro to Salesforce Lightning for Admins
Intro to Salesforce Lightning for Admins Intro to Salesforce Lightning for Admins
Intro to Salesforce Lightning for Admins

Matt Morris presents an introduction to Salesforce Lightning for Admins, at the Salesforce World Tour London 2015

salesforce lightningsalesforce administratorsalesforce1
Lightning Developer Week - Bangalore Salesforce Developer Group
Lightning Developer Week - Bangalore Salesforce Developer GroupLightning Developer Week - Bangalore Salesforce Developer Group
Lightning Developer Week - Bangalore Salesforce Developer Group

The slide deck of Lightning Dev Week, presented in Bangalore Salesforce Developer Group, on March 14th 2015.

meetuplightning dev weeklightning
Salesforce Lightning workshop Hartford - 12 March
Salesforce Lightning workshop Hartford - 12 MarchSalesforce Lightning workshop Hartford - 12 March
Salesforce Lightning workshop Hartford - 12 March

The Lightning Workshop covered new capabilities in Salesforce including Lightning Connect, Process Builder, and Lightning Components. Lightning Connect allows integrating external data sources in real-time. Process Builder provides a visual way to automate business processes. Lightning Components enable building custom applications using reusable UI components. Hands-on tutorials demonstrated how to use these new features to build applications and integrate data faster.

lightningsalesforce
References
●Lightning Component Developer Guide
●Slideshare: Salesforce Developer Group
●Lightning Everywhere By Peter Knolle
●Lightning Components: Creating a Carousel Component
thank y u

More Related Content

What's hot

Lightning web components
Lightning web components Lightning web components
Lightning web components
Cloud Analogy
 
Introduction to Lightning Web Component
Introduction to Lightning Web Component Introduction to Lightning Web Component
Introduction to Lightning Web Component
SmritiSharan1
 
LWC Episode 3- Component Communication and Aura Interoperability
LWC Episode 3- Component Communication and Aura InteroperabilityLWC Episode 3- Component Communication and Aura Interoperability
LWC Episode 3- Component Communication and Aura Interoperability
Salesforce Developers
 
Decluttering your Salesfroce org
Decluttering your Salesfroce orgDecluttering your Salesfroce org
Decluttering your Salesfroce org
Roy Gilad
 
Salesforce Integration Pattern Overview
Salesforce Integration Pattern OverviewSalesforce Integration Pattern Overview
Salesforce Integration Pattern Overview
Dhanik Sahni
 
Lightning Web Component in Salesforce
Lightning Web Component in SalesforceLightning Web Component in Salesforce
Lightning Web Component in Salesforce
Jitendra Zaa
 
Real Time Integration with Salesforce Platform Events
Real Time Integration with Salesforce Platform EventsReal Time Integration with Salesforce Platform Events
Real Time Integration with Salesforce Platform Events
Salesforce Developers
 
Migrating Visualforce Pages to Lightning
Migrating Visualforce Pages to LightningMigrating Visualforce Pages to Lightning
Migrating Visualforce Pages to Lightning
Salesforce Developers
 
Salesforce Integration Patterns
Salesforce Integration PatternsSalesforce Integration Patterns
Salesforce Integration Patterns
usolutions
 
Development Best Practices
Development Best PracticesDevelopment Best Practices
Development Best Practices
Salesforce Partners
 
Lightning Web Components
Lightning Web ComponentsLightning Web Components
Lightning Web Components
AbdulGafoor100
 
LMS Lightning Message Service
LMS Lightning Message ServiceLMS Lightning Message Service
LMS Lightning Message Service
Peter Chittum
 
Lightning web components
Lightning web componentsLightning web components
Lightning web components
Amit Chaudhary
 
What Is Salesforce CRM? | Salesforce CRM Tutorial For Beginners | Salesforce ...
What Is Salesforce CRM? | Salesforce CRM Tutorial For Beginners | Salesforce ...What Is Salesforce CRM? | Salesforce CRM Tutorial For Beginners | Salesforce ...
What Is Salesforce CRM? | Salesforce CRM Tutorial For Beginners | Salesforce ...
Edureka!
 
Introduction to the Salesforce Security Model
Introduction to the Salesforce Security ModelIntroduction to the Salesforce Security Model
Introduction to the Salesforce Security Model
Salesforce Developers
 
Salesforce Presentation
Salesforce PresentationSalesforce Presentation
Salesforce Presentation
Chetna Purohit
 
Introduction to lightning web component
Introduction to lightning web component Introduction to lightning web component
Introduction to lightning web component
Sudipta Deb ☁
 
Salesforce Flows Architecture Best Practices
Salesforce Flows Architecture Best PracticesSalesforce Flows Architecture Best Practices
Salesforce Flows Architecture Best Practices
panayaofficial
 
Migrate To Lightning Web Components from Aura framework to increase performance
Migrate To Lightning Web Components from Aura framework to increase performance Migrate To Lightning Web Components from Aura framework to increase performance
Migrate To Lightning Web Components from Aura framework to increase performance
Bohdan Dovhań
 
Salesforce Flawless Packaging And Deployment
Salesforce Flawless Packaging And DeploymentSalesforce Flawless Packaging And Deployment
Salesforce Flawless Packaging And Deployment
Harshala Shewale ☁
 

What's hot (20)

Lightning web components
Lightning web components Lightning web components
Lightning web components
 
Introduction to Lightning Web Component
Introduction to Lightning Web Component Introduction to Lightning Web Component
Introduction to Lightning Web Component
 
LWC Episode 3- Component Communication and Aura Interoperability
LWC Episode 3- Component Communication and Aura InteroperabilityLWC Episode 3- Component Communication and Aura Interoperability
LWC Episode 3- Component Communication and Aura Interoperability
 
Decluttering your Salesfroce org
Decluttering your Salesfroce orgDecluttering your Salesfroce org
Decluttering your Salesfroce org
 
Salesforce Integration Pattern Overview
Salesforce Integration Pattern OverviewSalesforce Integration Pattern Overview
Salesforce Integration Pattern Overview
 
Lightning Web Component in Salesforce
Lightning Web Component in SalesforceLightning Web Component in Salesforce
Lightning Web Component in Salesforce
 
Real Time Integration with Salesforce Platform Events
Real Time Integration with Salesforce Platform EventsReal Time Integration with Salesforce Platform Events
Real Time Integration with Salesforce Platform Events
 
Migrating Visualforce Pages to Lightning
Migrating Visualforce Pages to LightningMigrating Visualforce Pages to Lightning
Migrating Visualforce Pages to Lightning
 
Salesforce Integration Patterns
Salesforce Integration PatternsSalesforce Integration Patterns
Salesforce Integration Patterns
 
Development Best Practices
Development Best PracticesDevelopment Best Practices
Development Best Practices
 
Lightning Web Components
Lightning Web ComponentsLightning Web Components
Lightning Web Components
 
LMS Lightning Message Service
LMS Lightning Message ServiceLMS Lightning Message Service
LMS Lightning Message Service
 
Lightning web components
Lightning web componentsLightning web components
Lightning web components
 
What Is Salesforce CRM? | Salesforce CRM Tutorial For Beginners | Salesforce ...
What Is Salesforce CRM? | Salesforce CRM Tutorial For Beginners | Salesforce ...What Is Salesforce CRM? | Salesforce CRM Tutorial For Beginners | Salesforce ...
What Is Salesforce CRM? | Salesforce CRM Tutorial For Beginners | Salesforce ...
 
Introduction to the Salesforce Security Model
Introduction to the Salesforce Security ModelIntroduction to the Salesforce Security Model
Introduction to the Salesforce Security Model
 
Salesforce Presentation
Salesforce PresentationSalesforce Presentation
Salesforce Presentation
 
Introduction to lightning web component
Introduction to lightning web component Introduction to lightning web component
Introduction to lightning web component
 
Salesforce Flows Architecture Best Practices
Salesforce Flows Architecture Best PracticesSalesforce Flows Architecture Best Practices
Salesforce Flows Architecture Best Practices
 
Migrate To Lightning Web Components from Aura framework to increase performance
Migrate To Lightning Web Components from Aura framework to increase performance Migrate To Lightning Web Components from Aura framework to increase performance
Migrate To Lightning Web Components from Aura framework to increase performance
 
Salesforce Flawless Packaging And Deployment
Salesforce Flawless Packaging And DeploymentSalesforce Flawless Packaging And Deployment
Salesforce Flawless Packaging And Deployment
 

Similar to Lightning Components Introduction

Customizing Salesforce User Interfaces with Lightning Components
Customizing Salesforce User Interfaces with Lightning ComponentsCustomizing Salesforce User Interfaces with Lightning Components
Customizing Salesforce User Interfaces with Lightning Components
Salesforce Developers
 
Lightning Workshop London
Lightning Workshop LondonLightning Workshop London
Lightning Workshop London
Keir Bowden
 
Salesforce Lightning workshop
Salesforce Lightning workshopSalesforce Lightning workshop
Salesforce Lightning workshop
Shivanath Devinarayanan
 
ISV Lightning Webinar Series - Part 2 (December 8, 2015)
ISV Lightning Webinar Series - Part 2 (December 8, 2015)ISV Lightning Webinar Series - Part 2 (December 8, 2015)
ISV Lightning Webinar Series - Part 2 (December 8, 2015)
Salesforce Partners
 
Intro to Salesforce Lightning for Admins
Intro to Salesforce Lightning for Admins Intro to Salesforce Lightning for Admins
Intro to Salesforce Lightning for Admins
Desynit
 
Lightning Developer Week - Bangalore Salesforce Developer Group
Lightning Developer Week - Bangalore Salesforce Developer GroupLightning Developer Week - Bangalore Salesforce Developer Group
Lightning Developer Week - Bangalore Salesforce Developer Group
Abhilash Kuntar
 
Salesforce Lightning workshop Hartford - 12 March
Salesforce Lightning workshop Hartford - 12 MarchSalesforce Lightning workshop Hartford - 12 March
Salesforce Lightning workshop Hartford - 12 March
Jitendra Zaa
 
ISV Lightning Webinar Series - Part 1 (December 1, 2015)
ISV Lightning Webinar Series - Part 1 (December 1, 2015)ISV Lightning Webinar Series - Part 1 (December 1, 2015)
ISV Lightning Webinar Series - Part 1 (December 1, 2015)
Salesforce Partners
 
Enterprise-grade UI with open source Lightning Web Components
Enterprise-grade UI with open source Lightning Web ComponentsEnterprise-grade UI with open source Lightning Web Components
Enterprise-grade UI with open source Lightning Web Components
Salesforce Developers
 
TrailheaDX and Summer '19: Developer Highlights
TrailheaDX and Summer '19: Developer HighlightsTrailheaDX and Summer '19: Developer Highlights
TrailheaDX and Summer '19: Developer Highlights
Salesforce Developers
 
Building Lightning Components for ISVs (Dreamforce 2015)
Building Lightning Components for ISVs (Dreamforce 2015)Building Lightning Components for ISVs (Dreamforce 2015)
Building Lightning Components for ISVs (Dreamforce 2015)
Salesforce Partners
 
Build Next-gen Apps Faster with Lightning Components
Build Next-gen Apps Faster with Lightning ComponentsBuild Next-gen Apps Faster with Lightning Components
Build Next-gen Apps Faster with Lightning Components
Salesforce Developers
 
Suisse Romande SF DG - Lightning workshop
Suisse Romande SF DG - Lightning workshopSuisse Romande SF DG - Lightning workshop
Suisse Romande SF DG - Lightning workshop
Gnanasekaran Thoppae
 
Salesforce Lightning Components and App Builder EMEA World Tour 2015
Salesforce Lightning Components and App Builder EMEA World Tour 2015Salesforce Lightning Components and App Builder EMEA World Tour 2015
Salesforce Lightning Components and App Builder EMEA World Tour 2015
Peter Chittum
 
Lightning breakout mun world tour 2015 sfsans
Lightning breakout mun world tour 2015 sfsansLightning breakout mun world tour 2015 sfsans
Lightning breakout mun world tour 2015 sfsans
Salesforce Deutschland
 
Sandboxes: The Future of App Development by Evan Barnet & Pam Barnet
Sandboxes: The Future of App Development by Evan Barnet & Pam BarnetSandboxes: The Future of App Development by Evan Barnet & Pam Barnet
Sandboxes: The Future of App Development by Evan Barnet & Pam Barnet
Salesforce Admins
 
Lightning Chess, The fun way to learn the Lightning Component Framework
Lightning Chess, The fun way to learn the Lightning Component FrameworkLightning Chess, The fun way to learn the Lightning Component Framework
Lightning Chess, The fun way to learn the Lightning Component Framework
Lieven Juwet
 
AngularJS App In Two Weeks
AngularJS App In Two WeeksAngularJS App In Two Weeks
AngularJS App In Two Weeks
Peter Chittum
 
Spring 17 ISV Release Readiness (February 16, 2017)
Spring 17 ISV Release Readiness (February 16, 2017)Spring 17 ISV Release Readiness (February 16, 2017)
Spring 17 ISV Release Readiness (February 16, 2017)
Salesforce Partners
 
Salesforce lightning design -components for CRM
Salesforce lightning design -components for CRMSalesforce lightning design -components for CRM
Salesforce lightning design -components for CRM
yahmad111
 

Similar to Lightning Components Introduction (20)

Customizing Salesforce User Interfaces with Lightning Components
Customizing Salesforce User Interfaces with Lightning ComponentsCustomizing Salesforce User Interfaces with Lightning Components
Customizing Salesforce User Interfaces with Lightning Components
 
Lightning Workshop London
Lightning Workshop LondonLightning Workshop London
Lightning Workshop London
 
Salesforce Lightning workshop
Salesforce Lightning workshopSalesforce Lightning workshop
Salesforce Lightning workshop
 
ISV Lightning Webinar Series - Part 2 (December 8, 2015)
ISV Lightning Webinar Series - Part 2 (December 8, 2015)ISV Lightning Webinar Series - Part 2 (December 8, 2015)
ISV Lightning Webinar Series - Part 2 (December 8, 2015)
 
Intro to Salesforce Lightning for Admins
Intro to Salesforce Lightning for Admins Intro to Salesforce Lightning for Admins
Intro to Salesforce Lightning for Admins
 
Lightning Developer Week - Bangalore Salesforce Developer Group
Lightning Developer Week - Bangalore Salesforce Developer GroupLightning Developer Week - Bangalore Salesforce Developer Group
Lightning Developer Week - Bangalore Salesforce Developer Group
 
Salesforce Lightning workshop Hartford - 12 March
Salesforce Lightning workshop Hartford - 12 MarchSalesforce Lightning workshop Hartford - 12 March
Salesforce Lightning workshop Hartford - 12 March
 
ISV Lightning Webinar Series - Part 1 (December 1, 2015)
ISV Lightning Webinar Series - Part 1 (December 1, 2015)ISV Lightning Webinar Series - Part 1 (December 1, 2015)
ISV Lightning Webinar Series - Part 1 (December 1, 2015)
 
Enterprise-grade UI with open source Lightning Web Components
Enterprise-grade UI with open source Lightning Web ComponentsEnterprise-grade UI with open source Lightning Web Components
Enterprise-grade UI with open source Lightning Web Components
 
TrailheaDX and Summer '19: Developer Highlights
TrailheaDX and Summer '19: Developer HighlightsTrailheaDX and Summer '19: Developer Highlights
TrailheaDX and Summer '19: Developer Highlights
 
Building Lightning Components for ISVs (Dreamforce 2015)
Building Lightning Components for ISVs (Dreamforce 2015)Building Lightning Components for ISVs (Dreamforce 2015)
Building Lightning Components for ISVs (Dreamforce 2015)
 
Build Next-gen Apps Faster with Lightning Components
Build Next-gen Apps Faster with Lightning ComponentsBuild Next-gen Apps Faster with Lightning Components
Build Next-gen Apps Faster with Lightning Components
 
Suisse Romande SF DG - Lightning workshop
Suisse Romande SF DG - Lightning workshopSuisse Romande SF DG - Lightning workshop
Suisse Romande SF DG - Lightning workshop
 
Salesforce Lightning Components and App Builder EMEA World Tour 2015
Salesforce Lightning Components and App Builder EMEA World Tour 2015Salesforce Lightning Components and App Builder EMEA World Tour 2015
Salesforce Lightning Components and App Builder EMEA World Tour 2015
 
Lightning breakout mun world tour 2015 sfsans
Lightning breakout mun world tour 2015 sfsansLightning breakout mun world tour 2015 sfsans
Lightning breakout mun world tour 2015 sfsans
 
Sandboxes: The Future of App Development by Evan Barnet & Pam Barnet
Sandboxes: The Future of App Development by Evan Barnet & Pam BarnetSandboxes: The Future of App Development by Evan Barnet & Pam Barnet
Sandboxes: The Future of App Development by Evan Barnet & Pam Barnet
 
Lightning Chess, The fun way to learn the Lightning Component Framework
Lightning Chess, The fun way to learn the Lightning Component FrameworkLightning Chess, The fun way to learn the Lightning Component Framework
Lightning Chess, The fun way to learn the Lightning Component Framework
 
AngularJS App In Two Weeks
AngularJS App In Two WeeksAngularJS App In Two Weeks
AngularJS App In Two Weeks
 
Spring 17 ISV Release Readiness (February 16, 2017)
Spring 17 ISV Release Readiness (February 16, 2017)Spring 17 ISV Release Readiness (February 16, 2017)
Spring 17 ISV Release Readiness (February 16, 2017)
 
Salesforce lightning design -components for CRM
Salesforce lightning design -components for CRMSalesforce lightning design -components for CRM
Salesforce lightning design -components for CRM
 

Recently uploaded

Mitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing SystemsMitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing Systems
ScyllaDB
 
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly DetectionAdvanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
Bert Blevins
 
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdfWhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
ArgaBisma
 
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptxRPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
SynapseIndia
 
WPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide DeckWPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide Deck
Lidia A.
 
How Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdfHow Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdf
HackersList
 
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
Chris Swan
 
Recent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS InfrastructureRecent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS Infrastructure
KAMAL CHOUDHARY
 
find out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challengesfind out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challenges
huseindihon
 
Calgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptxCalgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptx
ishalveerrandhawa1
 
Measuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at TwitterMeasuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at Twitter
ScyllaDB
 
What's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptxWhat's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptx
Stephanie Beckett
 
Cookies program to display the information though cookie creation
Cookies program to display the information though cookie creationCookies program to display the information though cookie creation
Cookies program to display the information though cookie creation
shanthidl1
 
Manual | Product | Research Presentation
Manual | Product | Research PresentationManual | Product | Research Presentation
Manual | Product | Research Presentation
welrejdoall
 
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - MydbopsScaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Mydbops
 
How RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptxHow RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptx
SynapseIndia
 
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
Toru Tamaki
 
20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf
Sally Laouacheria
 
How to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptxHow to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptx
Adam Dunkels
 
What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024
Stephanie Beckett
 

Recently uploaded (20)

Mitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing SystemsMitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing Systems
 
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly DetectionAdvanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
 
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdfWhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
 
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptxRPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
 
WPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide DeckWPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide Deck
 
How Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdfHow Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdf
 
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
 
Recent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS InfrastructureRecent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS Infrastructure
 
find out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challengesfind out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challenges
 
Calgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptxCalgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptx
 
Measuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at TwitterMeasuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at Twitter
 
What's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptxWhat's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptx
 
Cookies program to display the information though cookie creation
Cookies program to display the information though cookie creationCookies program to display the information though cookie creation
Cookies program to display the information though cookie creation
 
Manual | Product | Research Presentation
Manual | Product | Research PresentationManual | Product | Research Presentation
Manual | Product | Research Presentation
 
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - MydbopsScaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
 
How RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptxHow RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptx
 
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
 
20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf
 
How to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptxHow to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptx
 
What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024
 

Lightning Components Introduction

  • 1. Lightning Components Introduction, Benefits & Architecture Durgesh Dhoot ddurgesh28@gmail.com @ddurgesh28
  • 2. Durgesh Dhoot Technical Consultant @ Appirio 6x Certified Salesforce Developer
  • 3. Forward-Looking Statements Statement under the Private Securities Litigation Reform Act of 1995: This presentation may contain forward-looking statements that involve risks, uncertainties, and assumptions. If any such uncertainties materialize or if any of the assumptions proves incorrect, the results of salesforce.com, inc. could differ materially from the results expressed or implied by the forward-looking statements we make. All statements other than statements of historical fact could be deemed forward-looking, including any projections of product or service availability, subscriber growth, earnings, revenues, or other financial items and any statements regarding strategies or plans of management for future operations, statements of belief, any statements concerning new, planned, or upgraded services or technology developments and customer contracts or use of our services. The risks and uncertainties referred to above include – but are not limited to – risks associated with developing and delivering new functionality for our service, new products and services, our new business model, our past operating losses, possible fluctuations in our operating results and rate of growth, interruptions or delays in our Web hosting, breach of our security measures, the outcome of any litigation, risks associated with completed and any possible mergers and acquisitions, the immature market in which we operate, our relatively limited operating history, our ability to expand, retain, and motivate our employees and manage our growth, new releases of our service and successful customer deployment, our limited history reselling non-salesforce.com products, and utilization and selling to larger enterprise customers. Further information on potential factors that could affect the financial results of salesforce.com, inc. is included in our annual report on Form 10-K for the most recent fiscal year and in our quarterly report on Form 10-Q for the most recent fiscal quarter. These documents and others containing important disclosures are available on the SEC Filings section of the Investor Information section of our Web site. Any unreleased services or features referenced in this or other presentations, press releases or public statements are not currently available and may not be delivered on time or at all. Customers who purchase our services should make the purchase decisions based upon features that are currently available. Salesforce.com, inc. assumes no obligation and does not intend to update these forward-looking statements.
  • 4. Agenda ● What are Lightning Components ● Benefits of Component Driven Approach ● Lightning Components & Aura ● Architecture & Lifecycle ● Artifacts ● Where Do They Run ? ● Tools For Development ● Logging & Debugging
  • 5. Everything revolves around Components All leading platform companies are investing in component frameworks Google Polymer Facebook React Salesforce Lightning Twitter Flight Mozilla Brick
  • 6. What are Lightning Components? ● Part of the Salesforce Lightning framework ● Are Self-contained and reusable functional units of an app o Reusable section of the UI o Rendered as HTML DOM elements in browsers ● Exposes their Definitions o Attributes passing ● Has a Encapsulated Implementation o Component Bundle o HTML,CSS & Javascript ● Communicate with Events ● Based on Open source Aura Framework
  • 7. Car Tire Braking Pads Mirror Ltng App Ltng Components Analogy
  • 9. Benefits 9 1. Quick, Easy & Independent Replacement No need to wait till next Service Day No need to worry or interfere your engine or car seat etc.
  • 10. Benefits 10 1. Quick, Easy & Independent Replacement 2. Parallel development (Divide-and-conquer) Brake Pads can be built independently of tires, so you can divide the teams easily
  • 11. Benefits 11 1. Quick, Easy & Independent Replacement 2. Parallel development (Divide-and-conquer) 3. Built for Specifications Brand A Brand B But Consistent Interface & Specs
  • 12. Benefits 12 1. Quick, Easy & Independent Replacement 2. Parallel development (Divide-and-conquer) 3. Built for Specifications 4. Customize it like never before (Serious Customization)
  • 13. Benefits 13 1. Quick, Easy & Independent Replacement 2. Parallel development (Divide-and-conquer) 3. Built for Specifications 4. Customize it like never before (Serious Customization) 5. So many Ready Made Choices (Appexchange, Github...)
  • 14. Benefits 14 1. Quick, Easy & Independent Replacement 2. Parallel development (Divide-and-conquer) 3. Built for Specifications 4. Customize it like never before (Serious Customization) 5. So many Ready Made Choices (Appexchange, Github...) 6. Use same set of components but build different things
  • 15. One Big Benefit of Lightning Component Is <iframes/>
  • 16. 16 Aura Lightning Components Lightning Component & Aura Built on top of Aura Salesforce-specific extensions Open Source framework Vendor agnostic
  • 17. 17 …… Aura is the ArcFor SF Lightning Man
  • 18. Bridges both the worlds 18 … partitioned multi-tier component development Client Side Server Side AppCache Cache Manifest Request Design + Data
  • 20. Component Request Life Cycle 1 Client Sends the request 17
  • 21. Component Request Life Cycle Parse Request, Load Registries, Locate Component Definition 2 Build / Retrieve Component Definition 3 4 Create New Instance From Definition 5 Serialize and Send 21
  • 22. Component Request Life Cycle 5 Receive the Response 6 Deserialize Traverse Response Tree 7 8 Render App 19
  • 23. Renderer : js Definition : html APP or COMPONENT BUNDLE Helper : jsStyle : css Cmp1 Cmp3 Cmp2 App1 App1 App2 Cmp2 Cmp2 Package 1 Package 2 Controller : js Documentation Artifacts of Lightning Component 20
  • 24. Artifacts of Lightning Component Resource Resource Name Usage Component or Application sample.cmp or sample.app The only required resource in a bundle. Contains markup for the component or app. Each bundle contains only one component or app resource. CSS Styles sample.css Styles for the component. Controller sampleController.js Client-side controller methods to handle events in the component. Design sample.design Required for components used in the Lightning App Builder or Lightning Pages. Helper sampleHelper.js JavaScript functions that can be called from any JavaScript code in a component’s bundle. Documentation sample.auradoc A description, sample code, and one or multiple references to example components. Renderer sampleRenderer.js Client-side renderer to override default rendering for a component. SVG sample.svg Custom icon resource for components used in the Lightning App Builder. 21
  • 26. First Thing First - Enable Lightning Component Enable My Domain. After you successfully register it you must then come back to the My Domain setup and click to Deploy to Users. Also, make sure you are logged in through the My Domain URL. WHY ??? Security, your components run inside your domain
  • 29. Tools For Development 1. Salesforce Developer Console 2. 3rd Party IDEs: Mavensmate, The Welkin Suite IDE, BrainEngine 3. Chrome Extension: Salesforce Lightning Inspector 29
  • 30. Salesforce Lightning Inspector 30 Building Lightning Components is now even easier! ● Easily inspect and navigate the structure of your components ● Identify performance bottlenecks by looking at a graph of component creation time ● Debug server interactions faster by monitoring and modifying responses ● Navigate the component tree, inspect components and their associated DOM elements ● Track event firing and handling sequences
  • 31. Logging & Debugging 31 ● Native JS Log functions, console.log();, debugger; ● Use Aura methods, $A.log(string[, error]); ● To log messages in PROD or PROD-DEBUG modes, write a custom logging function, subscribe using $A.logger.subscribe(String level, function callback); and then call $A.log(string); ● Level: ASSERT, INFO, ERROR, WARNING ● Use the $A.warning(string); method to write a warning message ● Server side exceptions can also be handled using response.getErrors(); we will see this while Calling Server Side Apex Code.
  • 32. Learn More about Lightning Components ●Trailhead Module: Lightning Component ●Trailhead Project: Quick Start: Lightning Components ●Trailhead Project: Build an Account Geolocation App ●Lightning Components Developer's Guide
  • 33. References ●Lightning Component Developer Guide ●Slideshare: Salesforce Developer Group ●Lightning Everywhere By Peter Knolle ●Lightning Components: Creating a Carousel Component