Introducing Lightning Web Components

Now you can build Lightning components using two programming models: Lightning Web Components, and the original model, Aura Components. Lightning web components are custom HTML elements built using HTML and modern JavaScript. Lightning web components and Aura components can coexist and interoperate on a page. To admins and end users, they both appear as Lightning components.

Lightning Web Components is available in Enterprise, Performance, Unlimited, and Developer editions.

Lightning Web Components uses core?Web Components?standards and provides only what’s necessary to perform well in browsers supported by Salesforce. Because it’s built on code that runs natively in browsers, Lightning Web Components is lightweight and delivers exceptional performance. Most of the code you write is standard JavaScript and HTML.

Salesforce is committed to developing open web standards and is a member of the?World Wide Web Consortium (W3C).

Salesforce developers are contributing members of the Ecma International Technical Committee 39 (TC39), which is the committee that evolves JavaScript.

Base Lightning components are available as Aura components and as Lightning web components. The?Component Reference?includes documentation, specifications, and examples for both. See?Base Components: Aura Vs Lightning Web Components?for differences between them.

The name of the programming model is Lightning Web Components, or LWC, capitalized. When we refer to the components themselves, we use lowercase, Lightning web components.

Documentation Changelog

• This page lists significant changes made to the?Lightning Web Components Developer Guide.

Get Started Coding

• The fastest way to code your first Lightning web component is using a live code environment.

Lightning Web Components: Open Source

• Lightning Web Components is open source, empowering you to explore the source code, customize the behavior for your needs, and build enterprise-ready web components on any platform, not just Salesforce.

Supported Browsers

• Lightning Web Components supports the same browsers as Lightning Experience.

Supported JavaScript

• To develop Lightning web components, use the latest versions of JavaScript.

Supported Salesforce Targets and Tools

• Lightning web components are supported in many Salesforce targets and tools. To use a Lightning web component in an unsupported target or tool, wrap it in an Aura component.

Lightning Component Library

• The Lightning Component Library is your hub for Lightning UI developer information, including reference information, this developer guide, and tools for Lightning Web Security and Lightning Locker.

How to Choose Lightning Web Components or Aura

• Lightning web components perform better and are easier to develop than Aura components. However, when you develop Lightning web components, you also may need to use Aura, because LWC doesn’t yet support everything that Aura does.

Set Up Your Development Environment

• Develop Lightning web components with a workflow that fits your needs. We recommend Salesforce DX tools, but you might be in a situation where those tools are not supported. You can still use your favorite code editor and deploy to an org using your own tools. However, you can’t develop Lightning web components in the Developer Console.

Best Practices for Development with Lightning Web Components

• To create secure and efficient Lightning web components, follow our list of best practices for developers at the Salesforce Developer’s Blog. at

Explore Trailhead and Sample Code

• We’ve created Trailhead content and GitHub repositories to jump start your Lightning Web Components development.

Source: https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.get_started_introduction