KEMBAR78
Local development with Open Source Base Components | PDF
Local Development with
Open Source Base Components
March 5, 2020 | 10:30 a.m. IST
Satya Sekhar
@satyasfdc
Jerry George Thomas
@jerrysfdc
Forward-Looking Statement
Statement under the Private Securities Litigation Reform Act of 1995:
This presentation contains forward-looking statements about the company’s financial and operating results, which may include expected GAAP and non-GAAP financial and other
operating and non-operating results, including revenue, net income, diluted earnings per share, operating cash flow growth, operating margin improvement, expected revenue
growth, expected current remaining performance obligation growth, expected tax rates, the one-time accounting non-cash charge that was incurred in connection with the
Salesforce.org combination; stock-based compensation expenses, amortization of purchased intangibles, shares outstanding, market growth and sustainability goals. The
achievement or success of the matters covered by such forward-looking statements involves risks, uncertainties and assumptions. If any such risks or uncertainties materialize or if
any of the assumptions prove incorrect, the company’s results could differ materially from the results expressed or implied by the forward-looking statements we make.
The risks and uncertainties referred to above include -- but are not limited to -- risks associated with the effect of general economic and market conditions; the impact of geopolitical
events; the impact of foreign currency exchange rate and interest rate fluctuations on our results; our business strategy and our plan to build our business, including our strategy to
be the leading provider of enterprise cloud computing applications and platforms; the pace of change and innovation in enterprise cloud computing services; the seasonal nature of
our sales cycles; the competitive nature of the market in which we participate; our international expansion strategy; the demands on our personnel and infrastructure resulting from
significant growth in our customer base and operations, including as a result of acquisitions; our service performance and security, including the resources and costs required to
avoid unanticipated downtime and prevent, detect and remediate potential security breaches; the expenses associated with new data centers and third-party infrastructure
providers; additional data center capacity; real estate and office facilities space; our operating results and cash flows; new services and product features, including any efforts to
expand our services beyond the CRM market; our strategy of acquiring or making investments in complementary businesses, joint ventures, services, technologies and intellectual
property rights; the performance and fair value of our investments in complementary businesses through our strategic investment portfolio; our ability to realize the benefits from
strategic partnerships, joint ventures and investments; the impact of future gains or losses from our strategic investment portfolio, including gains or losses from overall market
conditions that may affect the publicly traded companies within the company's strategic investment portfolio; our ability to execute our business plans; our ability to successfully
integrate acquired businesses and technologies, including delays related to the integration of Tableau due to regulatory review by the United Kingdom Competition and Markets
Authority; our ability to continue to grow unearned revenue and remaining performance obligation; our ability to protect our intellectual property rights; our ability to develop our
brands; our reliance on third-party hardware, software and platform providers; our dependency on the development and maintenance of the infrastructure of the Internet; the
effect of evolving domestic and foreign government regulations, including those related to the provision of services on the Internet, those related to accessing the Internet, and
those addressing data privacy, cross-border data transfers and import and export controls; the valuation of our deferred tax assets and the release of related valuation allowances;
the potential availability of additional tax assets in the future; the impact of new accounting pronouncements and tax laws; uncertainties affecting our ability to estimate our tax
rate; the impact of expensing stock options and other equity awards; the sufficiency of our capital resources; factors related to our outstanding debt, revolving credit facility, term
loan and loan associated with 50 Fremont; compliance with our debt covenants and lease obligations; current and potential litigation involving us; and the impact of climate change.
Further information on these and other factors that could affect the company’s financial results is included in the reports on Forms 10-K, 10-Q and 8-K and in other filings it makes
with the Securities and Exchange Commission from time to time. These documents are available on the SEC Filings section of the Investor Information section of the company’s
website at www.salesforce.com/investor.
Salesforce.com, inc. assumes no obligation and does not intend to update these forward-looking statements, except as required by law.
Follow us for updates
@salesforcedevs
Salesforce Developers
Salesforce Developers India
(t.me/salesforcedevsindia)
Salesforce Developers
This webinar is being recorded. The recording will be available on YouTube and will be sent via email.
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
ā— Base Components, Open source, and You
ā— Local Development for Lightning Web Components
ā— Coding on Trailhead Live
Agenda
Lightning Experience is made up of Lightning Pages
Lightning Pages are made up of Experience components
Highlights
Panel
Path
Publisher
Activity
Timeline
Related Tab
Tabs
Experience Component
Experience components can be built using base
components card
button
input
slider
slider
slider
Base Components
Incorporate Lightning Design System markup and
classes
Provides improved performance and accessibility
with a minimum foot print
Each component provides simple attributes that
enable variations in style
Experience Components
Accessible via the App Builder
App Builder to drag and drop components
Data Centers
Network
Data Protection
Monitoring
Storage
TRUST
Databases
Connectivity
Message Bus
Events
Metadata
SHARED SERVICES
& TOOLS
App Definition
Authorization
Provisioning
Authentication
Identity Resolution
DATA & EVENTSRUNTIMEAPP LAYER
Framework
SLDS
Navigation
Testing
Instrumentation Accessibility
Offline
LockerData
APP LAYER
Framework
SLDS
Navigation
Testing
Instrumentation Accessibility
Offline
LockerData
Customization
Page
Base
Components
Experience
Components
Application Layer
Framework
Testing
Instrumentation
SLDS
Navigation
Offline
Accessibility
Locker
Data
Let’s put it all together!
Component Library
Updated with LWC Base Components
You asked for it!
Introducing open source Base Components
Open and transparent
View and learn from the source code for over 50+
base components
Extensible functionality
Add, change, or remove functionality from
components to suit your team’s needs
Build anywhere
Customize and deploy base components with your
tools on the Salesforce ecosystem and beyond 50+ Base
Components
Build faster with open, reusable building blocks
Base Components Recipes
Easy to learn examples
Bite sized examples to see how base components
can be used
Open up Base Component source code
Transpiled Base Components into c namespace so
that components can be used in projects
Explore the inner workings
Explore the source code to build new components
with your own requirements
Demo
Component Development
Aura Programming
Lightning Web Components
Custom HTML elements built using HTML and modern JavaScript
Interoperable with Aura Components
Uses core Web Components Standards
Lightweight and delivers exceptional performance
Base Lightning Components are built using Lightning Web Components
Programming Models
Apex
Apex Interactive Debugger Lightning Web Components
Apex Replay Debugger
Salesfocer CLI Integrations
Aura Components
Visual force
Salesforce Extension Pack
Modern developer tools that promote best practices
What does LWC developers want?
Faster Development
Incrementally build the components by implementing the changes
quickly
Developer Productivity
Should be able to easily find the errors and fix them and ability to use the
real org data
LWC Local Development
Live Rendering
See live changes in the component with out
pushing the code into the Org
Local Development Server
Salesforce CLI plugin that configures and runs a
LWC–enabled server on your computer
Local Development SFDX commands on VS
Code
Open, start or stop the Local Development Server
from the Command Pallete
How to Use Local Development
VS Code CLI
ā— Lightning Experience, Pages, and Components
ā— Base Components, Open source, and You
ā— Component Library and Base Component Recipes
ā— Local Development for Lightning Web Components
ā— Coding on Trailhead Live
Summary
Q&A
Try Trailhead: trailhead.salesforce.com
Subscribe to our Telegram Channel: t.me/salesforcedevsindia
Switch over to Trailhead Live
Satya is now coding live with Lightning Base Components on
Trailhead Live.
Join us here: bit.ly/trailhead-live-apac
CodeLive:
Local Development with
Open Source Base Components
March 5, 2020 | 11:00 a.m. IST
Satya Sekhar
@SatyaSfdc
Forward-Looking Statement
Statement under the Private Securities Litigation Reform Act of 1995:
This presentation contains forward-looking statements about the company’s financial and operating results, which may include expected GAAP and non-GAAP financial and other
operating and non-operating results, including revenue, net income, diluted earnings per share, operating cash flow growth, operating margin improvement, expected revenue
growth, expected current remaining performance obligation growth, expected tax rates, the one-time accounting non-cash charge that was incurred in connection with the
Salesforce.org combination; stock-based compensation expenses, amortization of purchased intangibles, shares outstanding, market growth and sustainability goals. The
achievement or success of the matters covered by such forward-looking statements involves risks, uncertainties and assumptions. If any such risks or uncertainties materialize or
if any of the assumptions prove incorrect, the company’s results could differ materially from the results expressed or implied by the forward-looking statements we make.
The risks and uncertainties referred to above include -- but are not limited to -- risks associated with the effect of general economic and market conditions; the impact of
geopolitical events; the impact of foreign currency exchange rate and interest rate fluctuations on our results; our business strategy and our plan to build our business, including
our strategy to be the leading provider of enterprise cloud computing applications and platforms; the pace of change and innovation in enterprise cloud computing services; the
seasonal nature of our sales cycles; the competitive nature of the market in which we participate; our international expansion strategy; the demands on our personnel and
infrastructure resulting from significant growth in our customer base and operations, including as a result of acquisitions; our service performance and security, including the
resources and costs required to avoid unanticipated downtime and prevent, detect and remediate potential security breaches; the expenses associated with new data centers and
third-party infrastructure providers; additional data center capacity; real estate and office facilities space; our operating results and cash flows; new services and product features,
including any efforts to expand our services beyond the CRM market; our strategy of acquiring or making investments in complementary businesses, joint ventures, services,
technologies and intellectual property rights; the performance and fair value of our investments in complementary businesses through our strategic investment portfolio; our ability
to realize the benefits from strategic partnerships, joint ventures and investments; the impact of future gains or losses from our strategic investment portfolio, including gains or
losses from overall market conditions that may affect the publicly traded companies within the company's strategic investment portfolio; our ability to execute our business plans;
our ability to successfully integrate acquired businesses and technologies, including delays related to the integration of Tableau due to regulatory review by the United Kingdom
Competition and Markets Authority; our ability to continue to grow unearned revenue and remaining performance obligation; our ability to protect our intellectual property rights;
our ability to develop our brands; our reliance on third-party hardware, software and platform providers; our dependency on the development and maintenance of the
infrastructure of the Internet; the
effect of evolving domestic and foreign government regulations, including those related to the provision of services on the Internet, those related to accessing the Internet, and
those addressing data privacy, cross-border data transfers and import and export controls; the valuation of our deferred tax assets and the release of related valuation allowances;
the potential availability of additional tax assets in the future; the impact of new accounting pronouncements and tax laws; uncertainties affecting our ability to estimate our tax
rate; the impact of expensing stock options and other equity awards; the sufficiency of our capital resources; factors related to our outstanding debt, revolving credit facility, term
loan and loan associated with 50 Fremont; compliance with our debt covenants and lease obligations; current and potential litigation involving us; and the impact of climate
change.
Further information on these and other factors that could affect the company’s financial results is included in the reports on Forms 10-K, 10-Q and 8-K and in other filings it
makes with the Securities and Exchange Commission from time to time. These documents are available on the SEC Filings section of the Investor Information section of the
company’s website at www.salesforce.com/investor.
Salesforce.com, inc. assumes no obligation and does not intend to update these forward-looking statements, except as required by law.
Follow us for updates
@salesforcedevs
Salesforce Developers
Salesforce Developers India
(t.me/salesforcedevsindia)
Salesforce Developers
This session is being recorded. The recording will be available on Trailhead Live in a few days.
Have Questions?
ā— Please ask your questions in the Q&A section below.
ā— 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
ā— Problems with video or audio?
ā— Try reloading the page or lowering the video quality in the bottom right of the
player. Also make sure your audio is not muted by default in the player.
Plan
ā— Setup Local Development Server
ā— Checkout Base Components Recipes
ā— Build with open source base components
Set Up Local Development
Install
sfdx plugins:install @salesforce/lwc-dev-server
Verify Installation
sfdx plugins
Update local development server
sfdx plugins:update
System Requirements
ā— Salesforce CLI
ā— Developer Hub-enabled Org
ā— Most stable version of Chrome, Firefox, or Edge web
browser
(Safari is not currently supported in Beta)
Checkout Base Components Recipes
Clone the Repository
git clone
https://github.com/salesforce/base-components-recipes.git
Authenticate your Dev Hub Org
Create a scratch org
Push the Code
Open the scratch org to check the Recipes App
Build with Open Source Base Components
Create the SalesforceDX Project
Copy the open source Base Components to your project
Start Building your components with Local Development
Demo
ā— Setup and Run Local Development Server
ā— Checkout Base Components and Base Components Recipes
ā— Read the Base Component Code
ā— Modify the Base Components for your requirements
Summary
Q&A
Try Trailhead: trailhead.salesforce.com
Subscribe to our Telegram Channel: t.me/salesforcedevsindia
Local development with Open Source Base Components

Local development with Open Source Base Components

  • 1.
    Local Development with OpenSource Base Components March 5, 2020 | 10:30 a.m. IST Satya Sekhar @satyasfdc Jerry George Thomas @jerrysfdc
  • 2.
    Forward-Looking Statement Statement underthe Private Securities Litigation Reform Act of 1995: This presentation contains forward-looking statements about the company’s financial and operating results, which may include expected GAAP and non-GAAP financial and other operating and non-operating results, including revenue, net income, diluted earnings per share, operating cash flow growth, operating margin improvement, expected revenue growth, expected current remaining performance obligation growth, expected tax rates, the one-time accounting non-cash charge that was incurred in connection with the Salesforce.org combination; stock-based compensation expenses, amortization of purchased intangibles, shares outstanding, market growth and sustainability goals. The achievement or success of the matters covered by such forward-looking statements involves risks, uncertainties and assumptions. If any such risks or uncertainties materialize or if any of the assumptions prove incorrect, the company’s results could differ materially from the results expressed or implied by the forward-looking statements we make. The risks and uncertainties referred to above include -- but are not limited to -- risks associated with the effect of general economic and market conditions; the impact of geopolitical events; the impact of foreign currency exchange rate and interest rate fluctuations on our results; our business strategy and our plan to build our business, including our strategy to be the leading provider of enterprise cloud computing applications and platforms; the pace of change and innovation in enterprise cloud computing services; the seasonal nature of our sales cycles; the competitive nature of the market in which we participate; our international expansion strategy; the demands on our personnel and infrastructure resulting from significant growth in our customer base and operations, including as a result of acquisitions; our service performance and security, including the resources and costs required to avoid unanticipated downtime and prevent, detect and remediate potential security breaches; the expenses associated with new data centers and third-party infrastructure providers; additional data center capacity; real estate and office facilities space; our operating results and cash flows; new services and product features, including any efforts to expand our services beyond the CRM market; our strategy of acquiring or making investments in complementary businesses, joint ventures, services, technologies and intellectual property rights; the performance and fair value of our investments in complementary businesses through our strategic investment portfolio; our ability to realize the benefits from strategic partnerships, joint ventures and investments; the impact of future gains or losses from our strategic investment portfolio, including gains or losses from overall market conditions that may affect the publicly traded companies within the company's strategic investment portfolio; our ability to execute our business plans; our ability to successfully integrate acquired businesses and technologies, including delays related to the integration of Tableau due to regulatory review by the United Kingdom Competition and Markets Authority; our ability to continue to grow unearned revenue and remaining performance obligation; our ability to protect our intellectual property rights; our ability to develop our brands; our reliance on third-party hardware, software and platform providers; our dependency on the development and maintenance of the infrastructure of the Internet; the effect of evolving domestic and foreign government regulations, including those related to the provision of services on the Internet, those related to accessing the Internet, and those addressing data privacy, cross-border data transfers and import and export controls; the valuation of our deferred tax assets and the release of related valuation allowances; the potential availability of additional tax assets in the future; the impact of new accounting pronouncements and tax laws; uncertainties affecting our ability to estimate our tax rate; the impact of expensing stock options and other equity awards; the sufficiency of our capital resources; factors related to our outstanding debt, revolving credit facility, term loan and loan associated with 50 Fremont; compliance with our debt covenants and lease obligations; current and potential litigation involving us; and the impact of climate change. Further information on these and other factors that could affect the company’s financial results is included in the reports on Forms 10-K, 10-Q and 8-K and in other filings it makes with the Securities and Exchange Commission from time to time. These documents are available on the SEC Filings section of the Investor Information section of the company’s website at www.salesforce.com/investor. Salesforce.com, inc. assumes no obligation and does not intend to update these forward-looking statements, except as required by law.
  • 3.
    Follow us forupdates @salesforcedevs Salesforce Developers Salesforce Developers India (t.me/salesforcedevsindia) Salesforce Developers This webinar is being recorded. The recording will be available on YouTube and will be sent via email.
  • 4.
    Have Questions? Don’t waituntil 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.
    ā— Base Components,Open source, and You ā— Local Development for Lightning Web Components ā— Coding on Trailhead Live Agenda
  • 6.
    Lightning Experience ismade up of Lightning Pages
  • 7.
    Lightning Pages aremade up of Experience components Highlights Panel Path Publisher Activity Timeline Related Tab Tabs
  • 8.
    Experience Component Experience componentscan be built using base components card button input slider slider slider Base Components Incorporate Lightning Design System markup and classes Provides improved performance and accessibility with a minimum foot print Each component provides simple attributes that enable variations in style Experience Components Accessible via the App Builder
  • 9.
    App Builder todrag and drop components
  • 10.
    Data Centers Network Data Protection Monitoring Storage TRUST Databases Connectivity MessageBus Events Metadata SHARED SERVICES & TOOLS App Definition Authorization Provisioning Authentication Identity Resolution DATA & EVENTSRUNTIMEAPP LAYER Framework SLDS Navigation Testing Instrumentation Accessibility Offline LockerData APP LAYER Framework SLDS Navigation Testing Instrumentation Accessibility Offline LockerData Customization Page Base Components Experience Components Application Layer Framework Testing Instrumentation SLDS Navigation Offline Accessibility Locker Data Let’s put it all together!
  • 11.
    Component Library Updated withLWC Base Components
  • 12.
  • 13.
    Introducing open sourceBase Components Open and transparent View and learn from the source code for over 50+ base components Extensible functionality Add, change, or remove functionality from components to suit your team’s needs Build anywhere Customize and deploy base components with your tools on the Salesforce ecosystem and beyond 50+ Base Components Build faster with open, reusable building blocks
  • 14.
    Base Components Recipes Easyto learn examples Bite sized examples to see how base components can be used Open up Base Component source code Transpiled Base Components into c namespace so that components can be used in projects Explore the inner workings Explore the source code to build new components with your own requirements
  • 15.
  • 16.
    Component Development Aura Programming LightningWeb Components Custom HTML elements built using HTML and modern JavaScript Interoperable with Aura Components Uses core Web Components Standards Lightweight and delivers exceptional performance Base Lightning Components are built using Lightning Web Components Programming Models
  • 17.
    Apex Apex Interactive DebuggerLightning Web Components Apex Replay Debugger Salesfocer CLI Integrations Aura Components Visual force Salesforce Extension Pack Modern developer tools that promote best practices
  • 18.
    What does LWCdevelopers want? Faster Development Incrementally build the components by implementing the changes quickly Developer Productivity Should be able to easily find the errors and fix them and ability to use the real org data
  • 19.
    LWC Local Development LiveRendering See live changes in the component with out pushing the code into the Org Local Development Server Salesforce CLI plugin that configures and runs a LWC–enabled server on your computer Local Development SFDX commands on VS Code Open, start or stop the Local Development Server from the Command Pallete
  • 20.
    How to UseLocal Development VS Code CLI
  • 21.
    ā— Lightning Experience,Pages, and Components ā— Base Components, Open source, and You ā— Component Library and Base Component Recipes ā— Local Development for Lightning Web Components ā— Coding on Trailhead Live Summary
  • 22.
    Q&A Try Trailhead: trailhead.salesforce.com Subscribeto our Telegram Channel: t.me/salesforcedevsindia
  • 23.
    Switch over toTrailhead Live Satya is now coding live with Lightning Base Components on Trailhead Live. Join us here: bit.ly/trailhead-live-apac
  • 24.
    CodeLive: Local Development with OpenSource Base Components March 5, 2020 | 11:00 a.m. IST Satya Sekhar @SatyaSfdc
  • 25.
    Forward-Looking Statement Statement underthe Private Securities Litigation Reform Act of 1995: This presentation contains forward-looking statements about the company’s financial and operating results, which may include expected GAAP and non-GAAP financial and other operating and non-operating results, including revenue, net income, diluted earnings per share, operating cash flow growth, operating margin improvement, expected revenue growth, expected current remaining performance obligation growth, expected tax rates, the one-time accounting non-cash charge that was incurred in connection with the Salesforce.org combination; stock-based compensation expenses, amortization of purchased intangibles, shares outstanding, market growth and sustainability goals. The achievement or success of the matters covered by such forward-looking statements involves risks, uncertainties and assumptions. If any such risks or uncertainties materialize or if any of the assumptions prove incorrect, the company’s results could differ materially from the results expressed or implied by the forward-looking statements we make. The risks and uncertainties referred to above include -- but are not limited to -- risks associated with the effect of general economic and market conditions; the impact of geopolitical events; the impact of foreign currency exchange rate and interest rate fluctuations on our results; our business strategy and our plan to build our business, including our strategy to be the leading provider of enterprise cloud computing applications and platforms; the pace of change and innovation in enterprise cloud computing services; the seasonal nature of our sales cycles; the competitive nature of the market in which we participate; our international expansion strategy; the demands on our personnel and infrastructure resulting from significant growth in our customer base and operations, including as a result of acquisitions; our service performance and security, including the resources and costs required to avoid unanticipated downtime and prevent, detect and remediate potential security breaches; the expenses associated with new data centers and third-party infrastructure providers; additional data center capacity; real estate and office facilities space; our operating results and cash flows; new services and product features, including any efforts to expand our services beyond the CRM market; our strategy of acquiring or making investments in complementary businesses, joint ventures, services, technologies and intellectual property rights; the performance and fair value of our investments in complementary businesses through our strategic investment portfolio; our ability to realize the benefits from strategic partnerships, joint ventures and investments; the impact of future gains or losses from our strategic investment portfolio, including gains or losses from overall market conditions that may affect the publicly traded companies within the company's strategic investment portfolio; our ability to execute our business plans; our ability to successfully integrate acquired businesses and technologies, including delays related to the integration of Tableau due to regulatory review by the United Kingdom Competition and Markets Authority; our ability to continue to grow unearned revenue and remaining performance obligation; our ability to protect our intellectual property rights; our ability to develop our brands; our reliance on third-party hardware, software and platform providers; our dependency on the development and maintenance of the infrastructure of the Internet; the effect of evolving domestic and foreign government regulations, including those related to the provision of services on the Internet, those related to accessing the Internet, and those addressing data privacy, cross-border data transfers and import and export controls; the valuation of our deferred tax assets and the release of related valuation allowances; the potential availability of additional tax assets in the future; the impact of new accounting pronouncements and tax laws; uncertainties affecting our ability to estimate our tax rate; the impact of expensing stock options and other equity awards; the sufficiency of our capital resources; factors related to our outstanding debt, revolving credit facility, term loan and loan associated with 50 Fremont; compliance with our debt covenants and lease obligations; current and potential litigation involving us; and the impact of climate change. Further information on these and other factors that could affect the company’s financial results is included in the reports on Forms 10-K, 10-Q and 8-K and in other filings it makes with the Securities and Exchange Commission from time to time. These documents are available on the SEC Filings section of the Investor Information section of the company’s website at www.salesforce.com/investor. Salesforce.com, inc. assumes no obligation and does not intend to update these forward-looking statements, except as required by law.
  • 26.
    Follow us forupdates @salesforcedevs Salesforce Developers Salesforce Developers India (t.me/salesforcedevsindia) Salesforce Developers This session is being recorded. The recording will be available on Trailhead Live in a few days.
  • 27.
    Have Questions? ā— Pleaseask your questions in the Q&A section below. ā— 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 ā— Problems with video or audio? ā— Try reloading the page or lowering the video quality in the bottom right of the player. Also make sure your audio is not muted by default in the player.
  • 28.
    Plan ā— Setup LocalDevelopment Server ā— Checkout Base Components Recipes ā— Build with open source base components
  • 29.
    Set Up LocalDevelopment Install sfdx plugins:install @salesforce/lwc-dev-server Verify Installation sfdx plugins Update local development server sfdx plugins:update System Requirements ā— Salesforce CLI ā— Developer Hub-enabled Org ā— Most stable version of Chrome, Firefox, or Edge web browser (Safari is not currently supported in Beta)
  • 30.
    Checkout Base ComponentsRecipes Clone the Repository git clone https://github.com/salesforce/base-components-recipes.git Authenticate your Dev Hub Org Create a scratch org Push the Code Open the scratch org to check the Recipes App
  • 31.
    Build with OpenSource Base Components Create the SalesforceDX Project Copy the open source Base Components to your project Start Building your components with Local Development
  • 32.
  • 33.
    ā— Setup andRun Local Development Server ā— Checkout Base Components and Base Components Recipes ā— Read the Base Component Code ā— Modify the Base Components for your requirements Summary
  • 34.
    Q&A Try Trailhead: trailhead.salesforce.com Subscribeto our Telegram Channel: t.me/salesforcedevsindia