Deep dive into Salesforce Lightning - March Meetup Slides

1. Lightning Overview
By Dhanusha Mahatantila

2. Salesforce1 Lightning: Future of CRM

3. Salesforce Lightning Experience

4. Salesforce1 Lightning Platform

5. Did You Know?
Salesforce1 is a Lightning App
 Features
 Responsive UI across devices
 Component-based Apps
 Highly Extensible &
Customizable
 Available Everywhere

6.  Handle multiple databases, not just Salesforce data
 Maintain complex business process, that change over time
 Build apps that work on any device
The Admin’s & Developer’s Challenge

7. Developing Apps With Lightning
Connect
Process
Builder
App
Builder
Component
Framework

8. Lightning Connect
 Fast point-and-click integration
 Real-time external data into
Salesforce
 No storing of data, accessed by
reference
 oData standards based vendor
support

9. Code with Apex Tools + Salesforce API Lightning Connect
Connecting With External Data

10. Lightning Connect
Demo

11. Lightning Process Builder
 Fast point-and-click development
 Create processes using visual
layouts
 Manage complicated flows with
nested flows

12. Workflow Rules
New Actions
More Than A Workflow Rule

13. Process Builder
Demo

14. Component Frameworks Are The Future
Google
Polymer
Facebook
React
Salesforce
Lightning
Twitter
Flight
Mozilla
Brick

15. Standard Components
Built by Salesforce
Custom charts Data entry tools Custom data layout Dynamic maps
Left nav Publisher bar Feed items
Tasks
Sliders Multi-view charts
Pass/Fail
Custom Components
Built by customer developers
AppExchange Components
Built by Partners (25+ today)
Lightning Component Framework

16. What Can I Build With Lightning Components?

17. What Can I Build With Lightning Components?
 Lightning Component Tabs for Salesforce1 Mobile App
 Single “page” apps
 Available in “Mobile Navigation”
 Implements = “force:appHostable”
 Custom Components for Lightning App Builder
 Components designed for ease-of-use via tools
 Available in the palette
 Implements = “flexipage:availableForAllPageTypes”

18. What Can I Build With Lightning Components?
 Lighting Applications
 Full screen Lighting Component-based applications
 Accessible via URL
 Lightning Extensions
 Allows to override default components with custom components

19. Lightning Component Bundle
APP or COMPONENT BUNDLE
Definition : html
Controller : js
Helper : js
EventHandler : js
Style : css
Component(s)
Cmp1 Cmp3
Cmp2 App1
App1 App2
Cmp2 Cmp2
Project 1 Project 2

20. How User Interactions Are Handled
Configure
Attributes
Listen for
Events
Fire
Events
 Data updated
 Screen tapped
 Another component
changed
 Network offline
 Set color
 Set object
 Get user
 Record saved
 List scrolled
 Save offline
 Color changed

21. Visualforce Page Vs. Lightning Components

22. Best Practices
 Can provide multiple implementations for “Implements”
 App Builder, Community Builder
 Salesforce Lightning Design System
 Components should be independent to context

23. Lightning
Components Demo

24.  Fast point-and-click development
 Build using standard and custom
Lightning Components
 Design apps for any device
Lightning App Builder

25. What Can I Build With Lightning App Builder?
 SPAs (Single Page Applications)
 Link with existing standard pages
 Expose Global Actions for more interactivity
 Dashboard-style Applications
 “Point” Applications to solve a particular task

26. Available Standard Components
 Filter List
 Recent Items
 Report Chart
 Rich Text
 Visualforce Page

27. Salesforce1 Mobile Apps

28. Salesforce1 App Structure
Lightning
PageLightning
Components
Global Actions

29. Lightning App
Builder Demo

30. Resources
 Lightning Overview
 http://developer.salesforce.com/lightning
 Salesforce Trailhead
 https://developer.salesforce.com/trailhead/module/lightning_connect
 https://developer.salesforce.com/trailhead/en/business_process_automation/pr
ocess_builder
 https://developer.salesforce.com/trailhead/en/module/lightning_components
 https://developer.salesforce.com/trailhead/module/lightning_app_builder
 What is the Lightning Component Framework?
 https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/

31. Thank You.