Download to read offline
Uploaded byNew Delhi Salesforce Developer Group
#ImpactSalesforceSaturday: Lightning Components 101: An Apex Developer’s Guide
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.
More Related Content
![[Collinge] Office 365 Enterprise Network Connectivity Using Published Office ...](https://cdn.slidesharecdn.com/ss_thumbnails/ecs18paulcollingeoffice365enterprisenetworkconnectivityusingpublishedoffice365urlsips-180618091153-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Roine] Serverless: Don't Take It Literally](https://cdn.slidesharecdn.com/ss_thumbnails/dklxbumq7kcoitoz4awn-signature-d4523b3bf020616e67040d2a940ba8bf9aeab187b20da49956548f98de22ea12-poli-180606121949-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to #ImpactSalesforceSaturday: Lightning Components 101: An Apex Developer’s Guide
More from New Delhi Salesforce Developer Group
#ImpactSalesforceSaturday: Lightning Components 101: An Apex Developer’s Guide
- 1. Lightning Components 101 AnApex Developer’s Guide Salesforce Engineer, Adam Olshansky
- 2. New Delhi SalesforceDG • 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 • Weare 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 SalesforceEngineer, Google @adam17amo adam@adamtoarchitect.com bit.ly/lightningmigration Speaker Logo
- 5.
- 6. Developing a fearof heights Further up the Mountain Front end JavaScript Client side Shadow DOM Callback hell
- 7. Front End LanguageUsage Stack Overflow Developer Survey, 2019 • 72,000+ responses 7th Year in a Row for JavaScript
- 8. Quarterly Data • JavaScriptis 20%+ of all requests Apex is 39th JavaScript #1 in GitHub Pull Requests since 2013
- 9.
- 10. Expectations You’re an ApexDeveloper 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 ofwhat we know
- 13. Apex Overview Bread andButter Triggers Classes/ Controllers Variables Methods Parameters Return values Events
- 14. Async Apex Wait forresources Batchable
- 15. MVC Model HTML styletags Bind Variables Bind Methods Button based UI Visualforce
- 16. Governor limits Button clickbased Poor Performance Hacky solutions Limitations Apex and VF Gaps
- 17. A New ProgrammingModel MVC++
- 18. Customer Driven ParadigmShift August 2015 September 2007 January 2019
- 19. Everything on theServer Where We Were - MVC
- 20. Client vs. Server Movingto 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 WithComponents? Many similar things UI Components Event based code Bind variables Calling methods Multiple files used
- 23. UI Components Old Framework NewNames <apex> LWC Framework <html>, <lightning>, <c>
- 24. Event Based Code OldFramework New Names before insert, after update LWC Framework onchange, onclick
- 25. Bind Variables Old Framework SimilarSyntax {!variable} LWC Framework {variable}
- 26. Bind Methods Old Framework SimilarSyntax {!methodName} LWC Framework {methodName} or custom
- 27. Multiple Files Old Framework Similarto before VF Page, Apex Controller, Apex Helper LWC Framework HTML, JS Controller, Apex Controller
- 28.
- 29.
- 30.
- 31.
- 32.
- 33. What did wejust see? Component markup Code running based on events Variable and method bindings Controller part of the bundle No Apex
- 34. Lightning Web Components EmbraceStandards
- 35.
- 36.
- 37. New with WebComponents! More to Learn Industry Standards Logic in one spot Multiple Apex Controllers Decorators
- 38. DEMO TIME Focus onConcepts
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 50.
- 51. What did wejust 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 takeStep 2
- 53. Recap Web development alreadypopular 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 – LightningDesign System SLDS • https://lightningdesignsystem.com Add styling without writing CSS Utilities Icons and Classes Step 3
- 56.
- 57. Follow & JoinNew 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