Introduction to Lightning Web Components – #LWC

As we all know that Salesforce has introduced the new concept to develop the Lightning Components which is LWC and is beta mode. In this post, we are going to learn how we can start working with LWC and all about LWC

I have recorded the videos regarding the same how we can set up the VS Code to start the coding with Salesforce DX. As, LWC is in beta mode and not available either in Sandbox or Developer environment we need to work with Salesforce Spring 19 Pre-Release Org. Here is the video which will take you to step by step how you can set up the tools and start development.

  • What is LWC?
  • Existing System
  • New LWC Structure
  • Comparison of Aura Framework and LWC
  • Setup Visual Code studio
  • Setup Salesforce CLI
  • Create Hello World LWC
  • Walkthrough with the key concept of LWC

Next Step – What the next video

  • LWC Folder Structure.
  • Supported Salesforce Experiences and Tools
  • Unsupported Experiences and Tools
  • Reactive Properties in JavaScript.
    • Public
    • Private
  • How to use attributes in LWC.
  • How to call the JavaScript method from LWC.

Sharing is Caring 🙂 If you have any doubt or query please comment them below in the comment box or you can reach me @ OR you can tweet me @cloudyamit

5 thoughts on “Introduction to Lightning Web Components – #LWC

  1. varun February 26, 2019 / 12:24 pm

    Hello Amit,

    I just want to build a LWC and use it in App builder to display an Account Page wic would contain the different fields of the Account Record.

    Could u let me know how i can achieve this ?


    • Amit Singh March 3, 2019 / 9:20 am

      Hi Varun,

      Are you looking for dynamic fields over the LWC then you can go with lightning-record-form


  2. Vinay Vernekar February 17, 2019 / 5:42 am

    Tutorial was good, but still in question regarding how to query data in web components!


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s