Prettier with Lighting Web Components

https://youtu.be/OdLXYjHuzqc 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 … Continue reading Prettier with Lighting Web Components

LWC – First Look – Add Public Property

https://youtu.be/2zdJTWdO9HI 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 … Continue reading LWC – First Look – Add Public Property

LWC – First Look – Adding Style with CSS

https://youtu.be/ZYVIX9reVpE 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 … Continue reading LWC – First Look – Adding Style with CSS

LWC – First Look – Adding Style with Lightning Design System

https://youtu.be/uXQPax8ZXKA Hello, this is Brett with WIPDeveloper.com. Last time we created a simple Lighting Web Component and deployed it to a Scratch Org. It was pretty simple looking with the plain text that allowed the background image to show through so it was difficult to see. Let's add some styling to it using the Salesforce … Continue reading LWC – First Look – Adding Style with Lightning Design System

LWC – First Look – First Component

https://youtu.be/ND75PPmOk_0 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 … Continue reading LWC – First Look – First Component

LWC – First Look – Create a Scratch Org

https://youtu.be/U_sb9IVCd8o 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 … Continue reading LWC – First Look – Create a Scratch Org

LWC – First Look – Create SFDX Project

https://youtu.be/mzRpyZX5YGA 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 … Continue reading LWC – First Look – Create SFDX Project

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

https://youtu.be/75W2i_TOpi8 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 … Continue reading LWC – First Look – Pre-Release Org and Dev Hub

LWC – First Look – Tool Setup

https://youtu.be/xkm-UDnYH1U Install SFDX CLI To get the Salesforce DX command line interface (CLI) tools installed we ca use the links in the Set Up Your Salesforce DX Environment. In the section titled "Install Pre-Release Version of the Command Line Interface (CLI) are links to download for various OSes. Download the one for your Operating System … Continue reading LWC – First Look – Tool Setup