intro to lightning component actions
TRANSCRIPT
![Page 1: Intro to Lightning Component Actions](https://reader036.vdocument.in/reader036/viewer/2022062400/587ce2751a28abff0b8b7007/html5/thumbnails/1.jpg)
Intro to Lightning Components
… and replacing JavaScript Custom Buttons
Doug Ayers Salesforce MVP
Senior Developer, GearsCRM
@DouglasCAyersdouglascayers.com
![Page 2: Intro to Lightning Component Actions](https://reader036.vdocument.in/reader036/viewer/2022062400/587ce2751a28abff0b8b7007/html5/thumbnails/2.jpg)
Lightning, Lightning, Lightning
What is Lightning Experience?What is Lightning Design System?What are Lightning Components?Why are JavaScript buttons not supported?
Demo: Update Multiple Records from List ViewDemo: Call Apex ClassDemo: Pre-Populate Form Field Values
![Page 3: Intro to Lightning Component Actions](https://reader036.vdocument.in/reader036/viewer/2022062400/587ce2751a28abff0b8b7007/html5/thumbnails/3.jpg)
Lightning Experience
Lightning Design System
Lightning Components
![Page 4: Intro to Lightning Component Actions](https://reader036.vdocument.in/reader036/viewer/2022062400/587ce2751a28abff0b8b7007/html5/thumbnails/4.jpg)
Lightning Experience
Enabled by AdministratorPermission Based RolloutResponsive Design: Mobile & DesktopSmarter CRM for Sales & Service
The new, fast, beautiful user experience from Salesforce
https://trailhead.salesforce.com/en/trail/lex_dev
![Page 5: Intro to Lightning Component Actions](https://reader036.vdocument.in/reader036/viewer/2022062400/587ce2751a28abff0b8b7007/html5/thumbnails/5.jpg)
Lightning Experience
Lightning Design System
Lightning Components
Click icon to add picture Click icon to add picture Click icon to add picture
![Page 6: Intro to Lightning Component Actions](https://reader036.vdocument.in/reader036/viewer/2022062400/587ce2751a28abff0b8b7007/html5/thumbnails/6.jpg)
Salesforce Lightning Design System (SLDS)
Components and guidelines for creating unified Salesforce UIPure CSS Framework, No built-in JavaScript supportAvailable in or out of SalesforceResponsive Design: Mobile & Desktop
www.lightningdesignsystem.com
![Page 7: Intro to Lightning Component Actions](https://reader036.vdocument.in/reader036/viewer/2022062400/587ce2751a28abff0b8b7007/html5/thumbnails/7.jpg)
Lightning Experience
Lightning Design System
Lightning Components
Click icon to add picture Click icon to add picture Click icon to add picture
![Page 8: Intro to Lightning Component Actions](https://reader036.vdocument.in/reader036/viewer/2022062400/587ce2751a28abff0b8b7007/html5/thumbnails/8.jpg)
Lightning Components
Not replacing VisualforceStateless on server (Apex), Stateful on client (JavaScript)Auto re-renders after client-side data changesLoosely-coupled, Event-drivenApp centric vs. Page centric
The new SPA component-based development framework from Salesforce
https://trailhead.salesforce.com/en/lex_dev_lc_basics/lex_dev_lc_basics_intro
![Page 9: Intro to Lightning Component Actions](https://reader036.vdocument.in/reader036/viewer/2022062400/587ce2751a28abff0b8b7007/html5/thumbnails/9.jpg)
Lightning Components
![Page 10: Intro to Lightning Component Actions](https://reader036.vdocument.in/reader036/viewer/2022062400/587ce2751a28abff0b8b7007/html5/thumbnails/10.jpg)
On-Click JavaScript Buttons and Lightning Experience Insecurity of inline JavaScript from multiple untrusted sources
JavaScript has full access to DOM to add, change, or delete anythingExtremely useful, but extremely vulnerable to Cross-Site Scripting attacksLightning LockerService introduced to mitigate and prevent risksThe risks outweigh the benefitsSuitable alternatives exist:
Quick Actions Visualforce Lightning Components
https://developer.salesforce.com/blogs/developer-relations/2016/09/why-its-time-to-break-up-with-javascript-buttons-and-embrace-lightning.html http://www.slideshare.net/developerforce/javascript-security-and-lightning-locker-service
![Page 11: Intro to Lightning Component Actions](https://reader036.vdocument.in/reader036/viewer/2022062400/587ce2751a28abff0b8b7007/html5/thumbnails/11.jpg)
Demos!
![Page 12: Intro to Lightning Component Actions](https://reader036.vdocument.in/reader036/viewer/2022062400/587ce2751a28abff0b8b7007/html5/thumbnails/12.jpg)
Next Steps
Trailhead: Develop for Lightning ExperienceBlog Series: Creating Lightning Components (Don Robins)Video Course: Creating Lightning Components (Don Robins)Video: Developing Lightning Components (Thomas Crouse)Videos: Mastering Lightning Framework – Part 1 & Part 2 (TrailheaDX)Video: Building Lightning Components (Christophe Coenraets)Video: Build Apps Faster with Lightning (Christophe Coenraets, Greg Rewis)Video: Advanced Designs for Reusable Lightning Components (Tom Waud)Video: Getting Started with Lightning Components (Sara Morgan)
Never stop learning because life never stops teaching
![Page 13: Intro to Lightning Component Actions](https://reader036.vdocument.in/reader036/viewer/2022062400/587ce2751a28abff0b8b7007/html5/thumbnails/13.jpg)
Thank Y u