LWC Lifecycle Hooks
| | |

The Complete Guide to LWC Lifecycle Hooks

ByCoding With The Force Inc

If you want to move beyond basic “Hello World” components and build robust, professional Salesforce applications, you have to understand the LWC Lifecycle. In this tutorial we’ll go over every single lifecycle hook available in Lightning Web Components. These hooks allow you to intervene at specific moments—like when a component loads, renders, or leaves the…

Salesforce Development Tutorial (LWC): How to use Data Attributes to easily pass data from your component HTML template to your JavaScript Controller
|

Salesforce Development Tutorial (LWC): How to use Data Attributes to easily pass data from your component HTML template to your JavaScript Controller

ByCoding With The Force Inc

What are Data Attributes and Why Should I Use Them? Data attributes are a truly magical thing that will, at some point, get you out of some prickly situations as a front end developer. They are essentially a way of storing data on an html element so that when a JS event gets fired your…

Salesforce Development Tutorial (LWC): How to create Custom Lightning Web Component Utility Modules

Salesforce Development Tutorial (LWC): How to create Custom Lightning Web Component Utility Modules

ByCoding With The Force Inc

Why create Utility Modules for Lightning Web Components? If you’re asking this question, I have feeling you don’t often utilize utility modules (or utility classes) anywhere… so let me be the first to welcome you to this absolutely magical world of utilities. They will make your life easier, code updates simpler and your code base…

Salesforce Development Tutorial: How to Setup Uncrustify to automatically format your code in Visual Studio Code
| | |

Salesforce Development Tutorial: How to Setup Uncrustify to automatically format your code in Visual Studio Code

ByCoding With The Force Inc

Why would you want to setup Auto Code Formatting? Aside from the fact that it’s both magical and amazing, it also enables you to easily do a couple things: 1) If you get onboarded to a project with a horrific looking codebase with nightmarish formatting, you can fix that by running a single command on…

Salesforce Development (LWC): How to Communicate between Aura Components and Lightning Web Components Using Custom Events and the Api Decorator
|

Salesforce Development (LWC): How to Communicate between Aura Components and Lightning Web Components Using Custom Events and the Api Decorator

ByCoding With The Force Inc

Why Would You Want to Communicate Between Component Types? There are a bunch of reasons it’s beneficial to communicate between component types but the most common ones that I have found are the following: 1) You’re building a new component and realize you need functionality that only Aura Components support, but it’s a very small…

Salesforce Development (LWC) : Creating a configurable Lightning Web Component using Custom Metadata
|

Salesforce Development (LWC) : Creating a configurable Lightning Web Component using Custom Metadata

ByCoding With The Force Inc

What is Custom Metadata and why would we create a configurable Lightning Web Component? Custom Metadata is a wonderful thing. You set it up much like a custom object, but you use it for an entirely different purpose. Typically you use custom metadata much like you would utilize a config file in many other development…