#ImpactSalesforceSaturday: Lightning Components 101: An Apex Developer’s Guide
Download as PPTX, PDF0 likes578 views
The document serves as a guide for Apex developers transitioning to Lightning Web Components (LWC) in Salesforce, emphasizing key differences between Visualforce and LWC. It outlines the advantages of using LWC, including improved standards, performance, and a clearer architecture. Additionally, it provides resources for further learning and community engagement in the Salesforce ecosystem.
#ImpactSalesforceSaturday: Lightning Components 101: An Apex Developer’s Guide
- 1. Lightning Components 101 An Apex Developer’s Guide Salesforce Engineer, Adam Olshansky
- 2. New Delhi Salesforce DG • First Revival Meetup in February 2016 • Twitter: https://twitter.com/newdelhisfdcdug • Hashtag: #ImpactSalesforceSaturday • New Delhi Salesforce DG Trailblazer Community Group: http://bit.ly/NewDelhiCommunity • Website: https://newdelhisfdcdug.com
- 3. Mentorship Central • We are dedicated to matching Mentees seeking specific Salesforce goals with Mentors • Sign up as a Mentor or Mentee and connect with other Mentors/Mentees • http://bit.ly/SFMentorshipCentral
- 4. 630 14X Adam Olshansky Salesforce Engineer, Google @adam17amo adam@adamtoarchitect.com bit.ly/lightningmigration Speaker Logo
- 5. धन्यवाद
- 6. Developing a fear of heights Further up the Mountain Front end JavaScript Client side Shadow DOM Callback hell
- 7. Front End Language Usage Stack Overflow Developer Survey, 2019 • 72,000+ responses 7th Year in a Row for JavaScript
- 8. Quarterly Data • JavaScript is 20%+ of all requests Apex is 39th JavaScript #1 in GitHub Pull Requests since 2013
- 9. A Little Overwhelming Backend is safe
- 10. Expectations You’re an Apex Developer Can’t learn JavaScript in 40 mins Understand common patterns Gain confidence to start building components The First Step
- 11. Agenda 1. Apex Overview 2. Components 3. VF vs. Lightning Web Components 4. Lightning Web Components 5. Summary and Step 2
- 12. Apex Overview Review of what we know
- 13. Apex Overview Bread and Butter Triggers Classes/ Controllers Variables Methods Parameters Return values Events
- 14. Async Apex Wait for resources Batchable
- 15. MVC Model HTML style tags Bind Variables Bind Methods Button based UI Visualforce
- 16. Governor limits Button click based Poor Performance Hacky solutions Limitations Apex and VF Gaps
- 17. A New Programming Model MVC++
- 18. Customer Driven Paradigm Shift August 2015 September 2007 January 2019
- 19. Everything on the Server Where We Were - MVC
- 20. Client vs. Server Moving to client side - MVCC
- 21. What is a “Lightning Component”? Container for multiple files Aura Lightning Web Component UI Controller CSS XML Metadata Helper Documentation Design SVG
- 22. What’s Old With Components? Many similar things UI Components Event based code Bind variables Calling methods Multiple files used
- 23. UI Components Old Framework New Names <apex> LWC Framework <html>, <lightning>, <c>
- 24. Event Based Code Old Framework New Names before insert, after update LWC Framework onchange, onclick
- 25. Bind Variables Old Framework Similar Syntax {!variable} LWC Framework {variable}
- 26. Bind Methods Old Framework Similar Syntax {!methodName} LWC Framework {methodName} or custom
- 27. Multiple Files Old Framework Similar to before VF Page, Apex Controller, Apex Helper LWC Framework HTML, JS Controller, Apex Controller
- 28. Let’s Compare VF vs. LWC
- 33. What did we just see? Component markup Code running based on events Variable and method bindings Controller part of the bundle No Apex
- 34. Lightning Web Components Embrace Standards
- 37. New with Web Components! More to Learn Industry Standards Logic in one spot Multiple Apex Controllers Decorators
- 38. DEMO TIME Focus on Concepts
- 48. Apex
- 51. What did we just see? Component markup Variable and Method bindings Decorators • @track – private + rerender • @api – public + rerender • @wire – wired to method Importing from anywhere A lot of old, a little new Not so scary after all
- 52. Recap How to take Step 2
- 53. Recap Web development already popular Salesforce evolves to meet demands Front end has similarities to backend LWC are the present and future This is Step 1
- 54. Salesforce Resources Component Libraries • https://developer.salesforce.com/docs/component-library Sample Gallery • https://trailhead.salesforce.com/sample-gallery Lightning Web Components • https://lwc.dev Trailmix • https://sfdc.co/lwc Resources from Salesforce Instructor • https://bit.ly/aura2lwc
- 55. Style – Lightning Design System SLDS • https://lightningdesignsystem.com Add styling without writing CSS Utilities Icons and Classes Step 3
- 57. Follow & Join New Delhi Salesforce DG • Join to know about future events and to RSVP: https://trailblazercommunitygroups.com/delhi-in-developers-group/ • Let’s start conversations on Success Community: http://bit.ly/NewDelhiCommunity • Follow us on Twitter: https://twitter.com/newdelhisfdcdug • Hashtag: #ImpactSalesforceSaturday • Follow us on Facebook: https://www.facebook.com/newdelhisfdcdug • For all the content: https://newdelhisfdcdug.com