LWC Lifecycle Hooks
| | |

The Complete Guide to LWC Lifecycle Hooks

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

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

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

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

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…