SlideShare a Scribd company logo
#CodeLive with Salesforce
Build Lightning Web Components faster with Local
Development
Sept 26, 2019 | 10:30 a.m. IST
Satya Sekhar
Sr. Developer Evangelist
Salesforce
Santanu Pal
Technical Architect
Cognizant
Forward-Looking Statement
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.
Go Social!
Salesforce Developers
Salesforce Developers
Salesforce Developers
The video will be posted to YouTube & the
webinar recap page (same URL as registration).
This webinar is being recorded!
@salesforcedevs
Have Questions?
● Don’t wait until the end to ask your question!
● Technical support will answer questions starting now.
● Respect Q&A etiquette
● Please don’t repeat questions. The support team is working their way
down the queue.
● Stick around for live Q&A at the end
● Speakers will tackle more questions at the end, time-allowing
● Head to Developer Forums
● More questions? Visit developer.salesforce.com/forums
Build Lightning web components with Local
Development for a business use case in
next one hour
Agenda
What will we be using today?
● Local Development
● Visualstudio code and its extensions
● Sample Gallery – LWC Recipes
● Component Library
LWC Local Development
● Live rendering of components on your local machine (without pushing to
your org)
● Express Server and LWC Compiler
● Only works with LWC
● Will be shipped as part of the SFDX CLI
Overview
LWC Local Development Features
● Local Rendering of Components and Live Reload
● Access Org Data using LDS, UI API, and Apex
● Error Handling with Error messages, Code line highlighting,
and Stack trace
● Link to open in VS Code
Requirements
User Story
• Field Monitor Application: As a Field Service Agent(FSA) of a MedDevice
Company, I want to get the 360 view of assigned cases after login to
Salesforce Lightning Platform. I can get to know the associated account
(Hospital) information for the selected case.
Following fields will be applicable with respect to the business entities.
Case Account
Case Number Name
Status BillingStreet
Subject BillingCity
Created Date BillingState
How it should look like
Lightning App Page
Agent Dashboard
My Case(s)
Case Number Status Subject CreatedDate Actions
00001028 New ECG Machine
is not working
Sept 10, 2019
Hospital – Address Details
Billing Street
Billing City
Billing State
Save
Let’s Design the Components
Component breakup
Pub-Sub Model
My Case(s)
Case Number Status Subject CreatedDate Actions
00001028 New ECG Machine
is not working
Sept 10, 2019
Hospital – Address Details
Billing Street
Billing City
Billing State
Save
showCases(LWC)
associatedAccountInfo(LWC)
Implementation
Local Development
Summary Roadmap
● Local Development
● Visualstudio code and its extensions
● Sample Gallery – LWC Recipes
● Component Library
● Flexipage Rendering
● Apex Support
● Mock Data / Live Data Recording
Q & A
Try Trailhead: trailhead.salesforce.com
Join the conversation: @salesforcedevs
Join Trailblazer Community Group: bit.ly/webinarinapac
Survey
Your feedback is crucial to the success of our
webinar programs. Please fill out the survey at
the end of the webinar. Thank you!
CodeLive: Build Lightning Web Components faster with Local Development

More Related Content

What's hot (20)

Why developers shouldn’t miss TrailheaDX India
Why developers shouldn’t miss TrailheaDX India
Salesforce Developers
 
TrailheaDX and Summer '19: Developer Highlights
TrailheaDX and Summer '19: Developer Highlights
Salesforce Developers
 
Build Smarter Apps with Einstein Object Detection
Build Smarter Apps with Einstein Object Detection
Salesforce Developers
 
Enterprise-grade UI with open source Lightning Web Components
Enterprise-grade UI with open source Lightning Web Components
Salesforce Developers
 
Sample Gallery: Reference Code and Best Practices for Salesforce Developers
Sample Gallery: Reference Code and Best Practices for Salesforce Developers
Salesforce Developers
 
Gesture Controlled Interactions with Platform Events and IoT Explorer
Gesture Controlled Interactions with Platform Events and IoT Explorer
Salesforce Developers
 
#DF17Recap series: Integrate apps easier with the Salesforce platform
#DF17Recap series: Integrate apps easier with the Salesforce platform
Salesforce Developers
 
Build Engaging Community Experiences with Community Cloud
Build Engaging Community Experiences with Community Cloud
Salesforce Developers
 
Summer '18 Developer Highlights
Summer '18 Developer Highlights
Salesforce Developers
 
Developer Preview Live – Release Readiness LIVE, Spring '18
Developer Preview Live – Release Readiness LIVE, Spring '18
Salesforce Developers
 
#Df17 Recap Series Build Apps Faster with the Salesforce Platform
#Df17 Recap Series Build Apps Faster with the Salesforce Platform
Salesforce Developers
 
Lightning customization with lightning app builder
Lightning customization with lightning app builder
Salesforce Developers
 
TrailheaDX India : Developer Highlights
TrailheaDX India : Developer Highlights
Salesforce Developers
 
Community Cloud: New in Summer ‘18
Community Cloud: New in Summer ‘18
Salesforce Developers
 
Easy No-Code Integrations with External Services and Visual Flow
Easy No-Code Integrations with External Services and Visual Flow
Salesforce Developers
 
Modern App Dev: Modular Development Strategies
Modern App Dev: Modular Development Strategies
Salesforce Developers
 
#DF17Recap series: Make apps smarter with Einstein
#DF17Recap series: Make apps smarter with Einstein
Salesforce Developers
 
Lightning web components - Episode 4 : Security and Testing
Lightning web components - Episode 4 : Security and Testing
Salesforce Developers
 
Lightning web components episode 2- work with salesforce data
Lightning web components episode 2- work with salesforce data
Salesforce Developers
 
Manage Massive Datasets with Big Objects & Async SOQL
Manage Massive Datasets with Big Objects & Async SOQL
Salesforce Developers
 
Why developers shouldn’t miss TrailheaDX India
Why developers shouldn’t miss TrailheaDX India
Salesforce Developers
 
TrailheaDX and Summer '19: Developer Highlights
TrailheaDX and Summer '19: Developer Highlights
Salesforce Developers
 
Build Smarter Apps with Einstein Object Detection
Build Smarter Apps with Einstein Object Detection
Salesforce Developers
 
Enterprise-grade UI with open source Lightning Web Components
Enterprise-grade UI with open source Lightning Web Components
Salesforce Developers
 
Sample Gallery: Reference Code and Best Practices for Salesforce Developers
Sample Gallery: Reference Code and Best Practices for Salesforce Developers
Salesforce Developers
 
Gesture Controlled Interactions with Platform Events and IoT Explorer
Gesture Controlled Interactions with Platform Events and IoT Explorer
Salesforce Developers
 
#DF17Recap series: Integrate apps easier with the Salesforce platform
#DF17Recap series: Integrate apps easier with the Salesforce platform
Salesforce Developers
 
Build Engaging Community Experiences with Community Cloud
Build Engaging Community Experiences with Community Cloud
Salesforce Developers
 
Developer Preview Live – Release Readiness LIVE, Spring '18
Developer Preview Live – Release Readiness LIVE, Spring '18
Salesforce Developers
 
#Df17 Recap Series Build Apps Faster with the Salesforce Platform
#Df17 Recap Series Build Apps Faster with the Salesforce Platform
Salesforce Developers
 
Lightning customization with lightning app builder
Lightning customization with lightning app builder
Salesforce Developers
 
TrailheaDX India : Developer Highlights
TrailheaDX India : Developer Highlights
Salesforce Developers
 
Community Cloud: New in Summer ‘18
Community Cloud: New in Summer ‘18
Salesforce Developers
 
Easy No-Code Integrations with External Services and Visual Flow
Easy No-Code Integrations with External Services and Visual Flow
Salesforce Developers
 
Modern App Dev: Modular Development Strategies
Modern App Dev: Modular Development Strategies
Salesforce Developers
 
#DF17Recap series: Make apps smarter with Einstein
#DF17Recap series: Make apps smarter with Einstein
Salesforce Developers
 
Lightning web components - Episode 4 : Security and Testing
Lightning web components - Episode 4 : Security and Testing
Salesforce Developers
 
Lightning web components episode 2- work with salesforce data
Lightning web components episode 2- work with salesforce data
Salesforce Developers
 
Manage Massive Datasets with Big Objects & Async SOQL
Manage Massive Datasets with Big Objects & Async SOQL
Salesforce Developers
 

Similar to CodeLive: Build Lightning Web Components faster with Local Development (20)

Lightning web components - Episode 1 - An Introduction
Lightning web components - Episode 1 - An Introduction
Salesforce Developers
 
Preview: Local Development for Lightning Web Components
Preview: Local Development for Lightning Web Components
Developer Force
 
Dreamforce Developer Recap
Dreamforce Developer Recap
Salesforce Developers
 
Building apps faster with lightning and winter '17
Building apps faster with lightning and winter '17
Salesforce Developers
 
Building Apps Faster with Lightning and Winter '17
Building Apps Faster with Lightning and Winter '17
Mark Adcock
 
Salesforce Lightning Web Components - Open Source
Salesforce Lightning Web Components - Open Source
Jayant Jindal
 
Code live with Brian Kwong - Visualforce to Lwc
Code live with Brian Kwong - Visualforce to Lwc
JackGuo20
 
Local development with Open Source Base Components
Local development with Open Source Base Components
Salesforce Developers
 
Go Faster with Lightning - Overview
Go Faster with Lightning - Overview
Salesforce Developers
 
Salesforce Lightning Component Framework Roadmap (TDX18)
Salesforce Lightning Component Framework Roadmap (TDX18)
Developer Force
 
Build Better Communities with Lightning
Build Better Communities with Lightning
Salesforce Developers
 
Spring '16 Release Preview Webinar
Spring '16 Release Preview Webinar
Salesforce Developers
 
Migrating Visualforce Pages to Lightning
Migrating Visualforce Pages to Lightning
Salesforce Developers
 
Code live with kevin o'hara lwc oss dashboard
Code live with kevin o'hara lwc oss dashboard
JackGuo20
 
Build lightning components with salesforce dx
Build lightning components with salesforce dx
Shashank Srivatsavaya (ShashForce)
 
Introduction to lightning out df16
Introduction to lightning out df16
Mohith Shrivastava
 
Staying Ahead of the Curve with Lightning - Snowforce16 Keynote
Staying Ahead of the Curve with Lightning - Snowforce16 Keynote
Salesforce Admins
 
Lightning Design System and Components for Visualforce Developers
Lightning Design System and Components for Visualforce Developers
Salesforce Developers
 
Build custom user interfaces for your Salesforce data with the UI API
Build custom user interfaces for your Salesforce data with the UI API
Salesforce Developers
 
Get Started with Lightning Web Components Open Source
Get Started with Lightning Web Components Open Source
Developer Force
 
Lightning web components - Episode 1 - An Introduction
Lightning web components - Episode 1 - An Introduction
Salesforce Developers
 
Preview: Local Development for Lightning Web Components
Preview: Local Development for Lightning Web Components
Developer Force
 
Building apps faster with lightning and winter '17
Building apps faster with lightning and winter '17
Salesforce Developers
 
Building Apps Faster with Lightning and Winter '17
Building Apps Faster with Lightning and Winter '17
Mark Adcock
 
Salesforce Lightning Web Components - Open Source
Salesforce Lightning Web Components - Open Source
Jayant Jindal
 
Code live with Brian Kwong - Visualforce to Lwc
Code live with Brian Kwong - Visualforce to Lwc
JackGuo20
 
Local development with Open Source Base Components
Local development with Open Source Base Components
Salesforce Developers
 
Salesforce Lightning Component Framework Roadmap (TDX18)
Salesforce Lightning Component Framework Roadmap (TDX18)
Developer Force
 
Build Better Communities with Lightning
Build Better Communities with Lightning
Salesforce Developers
 
Migrating Visualforce Pages to Lightning
Migrating Visualforce Pages to Lightning
Salesforce Developers
 
Code live with kevin o'hara lwc oss dashboard
Code live with kevin o'hara lwc oss dashboard
JackGuo20
 
Introduction to lightning out df16
Introduction to lightning out df16
Mohith Shrivastava
 
Staying Ahead of the Curve with Lightning - Snowforce16 Keynote
Staying Ahead of the Curve with Lightning - Snowforce16 Keynote
Salesforce Admins
 
Lightning Design System and Components for Visualforce Developers
Lightning Design System and Components for Visualforce Developers
Salesforce Developers
 
Build custom user interfaces for your Salesforce data with the UI API
Build custom user interfaces for your Salesforce data with the UI API
Salesforce Developers
 
Get Started with Lightning Web Components Open Source
Get Started with Lightning Web Components Open Source
Developer Force
 
Ad

More from Salesforce Developers (9)

LWC Episode 3- Component Communication and Aura Interoperability
LWC Episode 3- Component Communication and Aura Interoperability
Salesforce Developers
 
Migrating CPQ to Advanced Calculator and JSQCP
Migrating CPQ to Advanced Calculator and JSQCP
Salesforce Developers
 
Replicate Salesforce Data in Real Time with Change Data Capture
Replicate Salesforce Data in Real Time with Change Data Capture
Salesforce Developers
 
Introduction to MuleSoft
Introduction to MuleSoft
Salesforce Developers
 
Vs Code for Salesforce Developers
Vs Code for Salesforce Developers
Salesforce Developers
 
Vs Code for Salesforce Developers
Vs Code for Salesforce Developers
Salesforce Developers
 
Introduction to MuleSoft Anytime Platform
Introduction to MuleSoft Anytime Platform
Salesforce Developers
 
Developing Smarter Apps with Einstein Platform Services
Developing Smarter Apps with Einstein Platform Services
Salesforce Developers
 
Scaling Developer Efforts with Salesforce Marketing Cloud
Scaling Developer Efforts with Salesforce Marketing Cloud
Salesforce Developers
 
LWC Episode 3- Component Communication and Aura Interoperability
LWC Episode 3- Component Communication and Aura Interoperability
Salesforce Developers
 
Migrating CPQ to Advanced Calculator and JSQCP
Migrating CPQ to Advanced Calculator and JSQCP
Salesforce Developers
 
Replicate Salesforce Data in Real Time with Change Data Capture
Replicate Salesforce Data in Real Time with Change Data Capture
Salesforce Developers
 
Introduction to MuleSoft Anytime Platform
Introduction to MuleSoft Anytime Platform
Salesforce Developers
 
Developing Smarter Apps with Einstein Platform Services
Developing Smarter Apps with Einstein Platform Services
Salesforce Developers
 
Scaling Developer Efforts with Salesforce Marketing Cloud
Scaling Developer Efforts with Salesforce Marketing Cloud
Salesforce Developers
 
Ad

Recently uploaded (20)

ISOIEC 42005 Revolutionalises AI Impact Assessment.pptx
ISOIEC 42005 Revolutionalises AI Impact Assessment.pptx
AyilurRamnath1
 
How Advanced Environmental Detection Is Revolutionizing Oil & Gas Safety.pdf
How Advanced Environmental Detection Is Revolutionizing Oil & Gas Safety.pdf
Rejig Digital
 
Trends Artificial Intelligence - Mary Meeker
Trends Artificial Intelligence - Mary Meeker
Clive Dickens
 
Domino IQ – What to Expect, First Steps and Use Cases
Domino IQ – What to Expect, First Steps and Use Cases
panagenda
 
Jeremy Millul - A Talented Software Developer
Jeremy Millul - A Talented Software Developer
Jeremy Millul
 
Scaling GenAI Inference From Prototype to Production: Real-World Lessons in S...
Scaling GenAI Inference From Prototype to Production: Real-World Lessons in S...
Anish Kumar
 
FCF- Getting Started in Cybersecurity 3.0
FCF- Getting Started in Cybersecurity 3.0
RodrigoMori7
 
Domino IQ – Was Sie erwartet, erste Schritte und Anwendungsfälle
Domino IQ – Was Sie erwartet, erste Schritte und Anwendungsfälle
panagenda
 
LSNIF: Locally-Subdivided Neural Intersection Function
LSNIF: Locally-Subdivided Neural Intersection Function
Takahiro Harada
 
Integration of Utility Data into 3D BIM Models Using a 3D Solids Modeling Wor...
Integration of Utility Data into 3D BIM Models Using a 3D Solids Modeling Wor...
Safe Software
 
Azure vs AWS Which Cloud Platform Is Best for Your Business in 2025
Azure vs AWS Which Cloud Platform Is Best for Your Business in 2025
Infrassist Technologies Pvt. Ltd.
 
TrustArc Webinar - 2025 Global Privacy Survey
TrustArc Webinar - 2025 Global Privacy Survey
TrustArc
 
vertical-cnc-processing-centers-drillteq-v-200-en.pdf
vertical-cnc-processing-centers-drillteq-v-200-en.pdf
AmirStern2
 
Data Virtualization: Bringing the Power of FME to Any Application
Data Virtualization: Bringing the Power of FME to Any Application
Safe Software
 
How to Detect Outliers in IBM SPSS Statistics.pptx
How to Detect Outliers in IBM SPSS Statistics.pptx
Version 1 Analytics
 
Developing Schemas with FME and Excel - Peak of Data & AI 2025
Developing Schemas with FME and Excel - Peak of Data & AI 2025
Safe Software
 
What is Oracle EPM A Guide to Oracle EPM Cloud Everything You Need to Know
What is Oracle EPM A Guide to Oracle EPM Cloud Everything You Need to Know
SMACT Works
 
Establish Visibility and Manage Risk in the Supply Chain with Anchore SBOM
Establish Visibility and Manage Risk in the Supply Chain with Anchore SBOM
Anchore
 
Boosting MySQL with Vector Search -THE VECTOR SEARCH CONFERENCE 2025 .pdf
Boosting MySQL with Vector Search -THE VECTOR SEARCH CONFERENCE 2025 .pdf
Alkin Tezuysal
 
Dancing with AI - A Developer's Journey.pptx
Dancing with AI - A Developer's Journey.pptx
Elliott Richmond
 
ISOIEC 42005 Revolutionalises AI Impact Assessment.pptx
ISOIEC 42005 Revolutionalises AI Impact Assessment.pptx
AyilurRamnath1
 
How Advanced Environmental Detection Is Revolutionizing Oil & Gas Safety.pdf
How Advanced Environmental Detection Is Revolutionizing Oil & Gas Safety.pdf
Rejig Digital
 
Trends Artificial Intelligence - Mary Meeker
Trends Artificial Intelligence - Mary Meeker
Clive Dickens
 
Domino IQ – What to Expect, First Steps and Use Cases
Domino IQ – What to Expect, First Steps and Use Cases
panagenda
 
Jeremy Millul - A Talented Software Developer
Jeremy Millul - A Talented Software Developer
Jeremy Millul
 
Scaling GenAI Inference From Prototype to Production: Real-World Lessons in S...
Scaling GenAI Inference From Prototype to Production: Real-World Lessons in S...
Anish Kumar
 
FCF- Getting Started in Cybersecurity 3.0
FCF- Getting Started in Cybersecurity 3.0
RodrigoMori7
 
Domino IQ – Was Sie erwartet, erste Schritte und Anwendungsfälle
Domino IQ – Was Sie erwartet, erste Schritte und Anwendungsfälle
panagenda
 
LSNIF: Locally-Subdivided Neural Intersection Function
LSNIF: Locally-Subdivided Neural Intersection Function
Takahiro Harada
 
Integration of Utility Data into 3D BIM Models Using a 3D Solids Modeling Wor...
Integration of Utility Data into 3D BIM Models Using a 3D Solids Modeling Wor...
Safe Software
 
Azure vs AWS Which Cloud Platform Is Best for Your Business in 2025
Azure vs AWS Which Cloud Platform Is Best for Your Business in 2025
Infrassist Technologies Pvt. Ltd.
 
TrustArc Webinar - 2025 Global Privacy Survey
TrustArc Webinar - 2025 Global Privacy Survey
TrustArc
 
vertical-cnc-processing-centers-drillteq-v-200-en.pdf
vertical-cnc-processing-centers-drillteq-v-200-en.pdf
AmirStern2
 
Data Virtualization: Bringing the Power of FME to Any Application
Data Virtualization: Bringing the Power of FME to Any Application
Safe Software
 
How to Detect Outliers in IBM SPSS Statistics.pptx
How to Detect Outliers in IBM SPSS Statistics.pptx
Version 1 Analytics
 
Developing Schemas with FME and Excel - Peak of Data & AI 2025
Developing Schemas with FME and Excel - Peak of Data & AI 2025
Safe Software
 
What is Oracle EPM A Guide to Oracle EPM Cloud Everything You Need to Know
What is Oracle EPM A Guide to Oracle EPM Cloud Everything You Need to Know
SMACT Works
 
Establish Visibility and Manage Risk in the Supply Chain with Anchore SBOM
Establish Visibility and Manage Risk in the Supply Chain with Anchore SBOM
Anchore
 
Boosting MySQL with Vector Search -THE VECTOR SEARCH CONFERENCE 2025 .pdf
Boosting MySQL with Vector Search -THE VECTOR SEARCH CONFERENCE 2025 .pdf
Alkin Tezuysal
 
Dancing with AI - A Developer's Journey.pptx
Dancing with AI - A Developer's Journey.pptx
Elliott Richmond
 

CodeLive: Build Lightning Web Components faster with Local Development

  • 1. #CodeLive with Salesforce Build Lightning Web Components faster with Local Development Sept 26, 2019 | 10:30 a.m. IST Satya Sekhar Sr. Developer Evangelist Salesforce Santanu Pal Technical Architect Cognizant
  • 2. Forward-Looking Statement 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.
  • 3. Go Social! Salesforce Developers Salesforce Developers Salesforce Developers The video will be posted to YouTube & the webinar recap page (same URL as registration). This webinar is being recorded! @salesforcedevs
  • 4. Have Questions? ● Don’t wait until the end to ask your question! ● Technical support will answer questions starting now. ● Respect Q&A etiquette ● Please don’t repeat questions. The support team is working their way down the queue. ● Stick around for live Q&A at the end ● Speakers will tackle more questions at the end, time-allowing ● Head to Developer Forums ● More questions? Visit developer.salesforce.com/forums
  • 5. Build Lightning web components with Local Development for a business use case in next one hour Agenda
  • 6. What will we be using today? ● Local Development ● Visualstudio code and its extensions ● Sample Gallery – LWC Recipes ● Component Library
  • 7. LWC Local Development ● Live rendering of components on your local machine (without pushing to your org) ● Express Server and LWC Compiler ● Only works with LWC ● Will be shipped as part of the SFDX CLI Overview
  • 8. LWC Local Development Features ● Local Rendering of Components and Live Reload ● Access Org Data using LDS, UI API, and Apex ● Error Handling with Error messages, Code line highlighting, and Stack trace ● Link to open in VS Code
  • 10. User Story • Field Monitor Application: As a Field Service Agent(FSA) of a MedDevice Company, I want to get the 360 view of assigned cases after login to Salesforce Lightning Platform. I can get to know the associated account (Hospital) information for the selected case. Following fields will be applicable with respect to the business entities. Case Account Case Number Name Status BillingStreet Subject BillingCity Created Date BillingState
  • 11. How it should look like
  • 12. Lightning App Page Agent Dashboard My Case(s) Case Number Status Subject CreatedDate Actions 00001028 New ECG Machine is not working Sept 10, 2019 Hospital – Address Details Billing Street Billing City Billing State Save
  • 13. Let’s Design the Components
  • 14. Component breakup Pub-Sub Model My Case(s) Case Number Status Subject CreatedDate Actions 00001028 New ECG Machine is not working Sept 10, 2019 Hospital – Address Details Billing Street Billing City Billing State Save showCases(LWC) associatedAccountInfo(LWC)
  • 16. Local Development Summary Roadmap ● Local Development ● Visualstudio code and its extensions ● Sample Gallery – LWC Recipes ● Component Library ● Flexipage Rendering ● Apex Support ● Mock Data / Live Data Recording
  • 17. Q & A Try Trailhead: trailhead.salesforce.com Join the conversation: @salesforcedevs Join Trailblazer Community Group: bit.ly/webinarinapac
  • 18. Survey Your feedback is crucial to the success of our webinar programs. Please fill out the survey at the end of the webinar. Thank you!