LWC – First Look – Handle DOM Events

Hello, I’m Brett with WIPDevelopers.com. Now that we’ve used properties to expose data from our JavaScript to our HTML template, why don’t we look at how to handle DOM events and react to it in the JavaScript file. Here we have our HTML template. DOM Events What I want to do is handle when somebody […]

Prettier with Lighting Web Components

Hello I’m Brett with WIPDeveloper.com. If you’ve been working with Lightning Web Components in Visual Studio Code with the Prettier extension installed, you might have encountered issues where he tried to assign a property to an attribute on your HTML. A Prettier Problem If I try to change the title from the string of web […]

LWC – First Look – Add Public Property

Hello, this is Brett with WIPDeveloper.com. So we have our first component. And we’ve added styles using the Salesforce Lightning design system and Custom CSS. Right now we can’t really reuse our component because the only thing it says is “WIPDeveloper.com is awesome”. And while I might think that’s a true statement, you might not […]

LWC – First Look – Adding Style with CSS

I’m trying something new. Bellow is a generated transcript from the video with minor editing. If there are any issues, please let me know Brett@WIPDeveloper.com Hello this Brett with WIPDeveloper.com. Our first component has styles now thanks to the Salesforce Lightning Design System. But sometimes you want to get a little bit more custom and […]

SFDX VSCode Build Command

Hello, this is Brett with WIPDeveloper.com. With our scratch org ready we can now create a Lighting Web Component and push it to the scratch org to see it in action. Command Palette Fatigue All the commands for SFDX in Visual Studio Code are done through the Command Palette. When pushing to the default org […]

LWC – First Look – First Component

Hello, this is Brett with WIPDeveloper.com. With our scratch org ready we can now create a Lighting Web Component and push it to the scratch org to see it in action. Create a Lightning Web Component We will be using the SFDX: Create Lightning Web Component command from the command palette. Be sure to have […]

LWC – First Look – Create a Scratch Org

Hello, this is Brett with WIPDeveloper.com. Since we created our SFDX project last time we will need to create a Scratch Org to push out Lighting Web Components to so that we can see them in action. Create a Scratch Org With Visual Studio Code open to our SFDX project open the command palette by […]

LWC – First Look – Create SFDX Project

Hello, this is Brett with WIPDeveloper.com. Today we are going to create our first SFDX Project to use when creating our Lightning Web Components. Create a Project With Visual Studio Code open use the command pallet by pressing cmd+shift+p, or ctrl+shift+p on Windows. See a list of available SFDX commands by typing SFDX. Since I […]

LWC – First Look – Pre-Release Org and Dev Hub

Hello, this is Brett with WIPDeveloper.com. Since our tools are ready to work with Lightning Web Components we will need an environment, or Org, that works with LWC. Get a Pre-Release Org We are going to sign up for a Pre-Release Org at https://www.salesforce.com/form/signup/prerelease-spring19/. Fill out the form with the required fields. and click the […]

top