Lightning Web Components Step By Step:-
Hi My Dear Friends,
This Post is about Leaning LWC From Basics.
Step 1: What is Lightning Web Component, Why Salesforce Introduced Lightning Web Component.
🔗 Introduction To LWC
Step 2: Create Salesforce Developer Org
🔗 https://developer.salesforce.com/signup
Step 3: Setup with Salesforce DX: Learn How to Install Visual Studio Code, Salesforce CLI and Authorize Your Salesforce Environment (Dev/Sandbox/Production)
🔗 Salesforce CLI: https://developer.salesforce.com/tools/sfdxcli
🔗 Visual Studio Code: https://code.visualstudio.com/download
Step 4: Learn How to Setup Scratch Org with DevHub Org
Step 5: Useful Salesforce DX Commands
Step 6:
Step 2. Learn How to Create Your First Hello World Lightning Web Component
Step 3. Learn How to Create Lightning Web Component using Lightning-Datatable
Component Folder Structure while creating Lightning Web component.
Step 4: Know How to define Case Types in Lightning Web Components with an Example.
Few Tips and Tricks in Salesforce Lightning Web Components:-
👉How to use refreshApex in Lightning Web Components
👉How to call Lightning Web Component from Salesforce Quick Actions
More To Know:
1. List of Salesforce Supported/UnSupported Experiences and Tools
👉To learn Lightning Web Components from Trailhead please use below Trailmix.
📘Debug Your Lightning Web Component
https://developer.salesforce.com/blogs/2019/02/debug-your-lightning-web-components.html
📙Developer Guide for Lightning Web Components:
https://developer.salesforce.com/docs/component-library/documentation/en/lwc
📙Developer Tools for Lightning Web Components:
https://developer.salesforce.com/blogs/2018/12/developer-tools-for-lightning-web-components.html
📗Introducing Lightning Web Components Recipes, Patterns and Best Practices:-
https://developer.salesforce.com/blogs/2018/12/introducing-lightning-web-components-recipes-patterns-and-best-practices.html
📘Migrate Aura Component to Lightning Web Components: https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.migrate_introduction
📗Component References: https://developer.salesforce.com/docs/component-library/overview/components
📗LWC Sample Gallery:- https://trailhead.salesforce.com/sample-gallery
📘Documentation ChangeLog:- https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.get_started_change_log
📘Lightning Web Components in Lightning Communities:-
https://developer.salesforce.com/blogs/2019/04/lightning-web-components-in-lightning-communities.html
📼Video Links:-
This Post is about Leaning LWC From Basics.
Step 1: What is Lightning Web Component, Why Salesforce Introduced Lightning Web Component.
🔗 Introduction To LWC
Step 2: Create Salesforce Developer Org
🔗 https://developer.salesforce.com/signup
Step 3: Setup with Salesforce DX: Learn How to Install Visual Studio Code, Salesforce CLI and Authorize Your Salesforce Environment (Dev/Sandbox/Production)
🔗 Salesforce CLI: https://developer.salesforce.com/tools/sfdxcli
🔗 Visual Studio Code: https://code.visualstudio.com/download
Step 4: Learn How to Setup Scratch Org with DevHub Org
Step 5: Useful Salesforce DX Commands
Step 6:
Step 2. Learn How to Create Your First Hello World Lightning Web Component
Step 3. Learn How to Create Lightning Web Component using Lightning-Datatable
Component Folder Structure while creating Lightning Web component.
Step 4: Know How to define Case Types in Lightning Web Components with an Example.
Few Tips and Tricks in Salesforce Lightning Web Components:-
👉How to use refreshApex in Lightning Web Components
👉How to call Lightning Web Component from Salesforce Quick Actions
More To Know:
1. List of Salesforce Supported/UnSupported Experiences and Tools
👉To learn Lightning Web Components from Trailhead please use below Trailmix.
👉Lightning Web Components References:-
📘Debug Your Lightning Web Component
https://developer.salesforce.com/blogs/2019/02/debug-your-lightning-web-components.html
📙Developer Guide for Lightning Web Components:
https://developer.salesforce.com/docs/component-library/documentation/en/lwc
📙Developer Tools for Lightning Web Components:
https://developer.salesforce.com/blogs/2018/12/developer-tools-for-lightning-web-components.html
📗Introducing Lightning Web Components Recipes, Patterns and Best Practices:-
https://developer.salesforce.com/blogs/2018/12/introducing-lightning-web-components-recipes-patterns-and-best-practices.html
📘Migrate Aura Component to Lightning Web Components: https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.migrate_introduction
📗Component References: https://developer.salesforce.com/docs/component-library/overview/components
📗LWC Sample Gallery:- https://trailhead.salesforce.com/sample-gallery
📘Documentation ChangeLog:- https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.get_started_change_log
📘Lightning Web Components in Lightning Communities:-
https://developer.salesforce.com/blogs/2019/04/lightning-web-components-in-lightning-communities.html
📼Video Links:-
Episode 1 : https://www.youtube.com/watch?v=FBKlTPcb614
Episode 2 : https://www.youtube.com/watch?v=9Rcgobc07qw
Episode 3 : https://www.youtube.com/watch?v=EmFoVwj59tU
Episode 4 : https://www.youtube.com/watch?v=R7j8dDzsPho
Episode 5 : https://www.youtube.com/watch?v=TDou5VXQsTg
Trailhead :-