Skip to content
Includes the final code built in the Pluralsight course, "Building Your First Lightning Web Component for Salesforce"
HTML JavaScript CSS Apex
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode Initial commit Jan 7, 2020
__tests__ Initial commit Jan 7, 2020
config
coverage
data Initial commit Jan 7, 2020
force-app/main/default Initial commit Jan 7, 2020
.forceignore Initial commit Jan 7, 2020
.gitignore
.prettierignore
.prettierrc
README.md
package-lock.json Initial commit Jan 7, 2020
package.json Initial commit Jan 7, 2020
sfdx-project.json

README.md

Lead Locator Lightning Web Components (LWC) App Final Code

This guide is the end result of the code generated for the Pluralsight course, "Building Your First Lightning Web Component for Salesforce". This is a beginners course and the primary audience are developers interested in learning how they can develop Lightning Web Components (LWC's) on the Salesforce Platform.

These are experienced software developers who are used to working with JavaScript and front-end web development tools, but may be only mildly familiar with Salesforce development. They also may or may not know anything about developing Aura components, which are the predecessors to Lightning Web Components.

Because they may not be experienced with Salesforce development, the course will briefly cover getting setup in Salesforce and also will refer them to any additional support material that may be helpful to them.

Reference Material Instead of the Course

Anyone that is interested in finding out more about this code, should visit my blog at saramorgan.net. There you will find a series of posts that briefly cover what is included in each module of the course. The only way to see all the tips and tricks I provide are to view the actual course on Pluralsight. But below is a link to each post and a brief summary of what it covers.

Introducing Lightning Web Components

Refer to the following blog post #1. In this post/Pluralsight module), you will learn: You will learn:

  1. About LWC benefits
  2. What are web components
  3. Why it is OK to Start Diving into LWC today
  4. How to create a basic LWC named myFirstLWC in the PLayground

Setting Up Your Development Enviorment (in 5 somewhat easy steps)

Refer to the following blog post #2. In this post/Pluralsight module), you will learn:

  1. How to get setup with Salesforce and an IDE
  2. What is Salesforce DX and how to get setup with it
  3. Understanding the LWC structure

Understanding Composition and Intercompoment Communication

Refer to the following blog post #3. In this post/Pluralsight module), you will learn:

  1. What nested LWC apps are
  2. How to create Lightning Page App declaratively to host a nested LWC
  3. How to communicate between owner and sibling components
  4. Understand about the Event Communication flow

Working with Salesforce Data and Debugging

Refer to the following blog post #4. In this post/Pluralsight module), you will learn:

  1. About the Lightning Data Service Wire Adapter and caching
  2. Using the Command Line Interface (CLI) to load data
  3. How to add a component that works with geplocation maps
  4. How to use Google Chrome developer tools to debug your components

Converting Aura Components

Refer to the following blog post #5. In this post/Pluralsight module), you will learn:

  1. How to convert Aura components to LWC's using Migration Strategies
  2. All about my past mistakes when trying to convert an Aura component
  3. How my original converted app compare to the one you build in this course performance wise.

Testing LWC's and Wrapping Up

Refer to the following blog post #6 In this post/Pluralsight module), you will learn:

  1. All about what Jest tests are and why you should create them
  2. How to install Jest on your computer using a special SFDX library
  3. How to write Jest tests using Salesforce recommended best practices.
You can’t perform that action at this time.