20

Lightning Web 组件霸气开源:基于最新的 Web 标准!可构建任何平台的 Web 应用

 4 years ago
source link: https://www.tuicool.com/articles/JJvIBnu
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

几个月前推出的 Lightning Web 组件,它是基于过去五年 Web 标准前沿技术打造的全新 JavaScript 框架。如今,Lightning Web 组件框架也宣布正式开源,开发者今后可以为组件路线图提交贡献,并在 Salesforce 或其他平台上构建应用时使用相同的框架。但这些都是老生常谈了,下面就进入本文的正题。

基于 Web 标准打造

过去五年来 Web 标准达到了前所未有的创新水平,这主要是由 W3C/WHATWG 和 ECMAScript 技术委员会(TC39)推动的,具体内容包括 ECMAScript 6、7、8、9 及更高版本;Web 组件;自定义元素;模板和插槽;Shadow DOM 等等。

如下图所示,这些创新带来了 Web 堆栈的戏剧性变革。许多功能之前需要框架来实现,现在都成为了标准。

2aeQBbV.jpg!web

Lightning Web 组件是基于现代 Web 堆栈打造的现代框架。与其他标准相比,它充分利用了 ECMAScript 6 及更高版本中提供的自定义元素、模板、装饰器、模块和其他新语言结构。

M7jaYji.jpg!web

Lightning Web Components 有三大关键部分:

  • Lightning Web 组件框架:框架的引擎。

  • 基础 Lightning 组件:一组超过 70 个 UI 组件,全部构建为自定义元素。

  • Salesforce Bindings:一组专用服务,提供对 Salesforce 数据和元数据的声明式和命令式访问、数据缓存和数据同步。

开源框架

我们很高兴地宣布 Lightning Web 组件框架正式开源,今后开发者可以为框架路线图提交贡献,探索源代码从而在更深的层次上学习框架,并在 Salesforce 或其他平台上构建应用时使用相同的 JavaScript 框架。

z67Bjae.jpg!web

一个框架,所有平台

如上图所示,Lightning Web 组件框架并不依赖 Salesforce 平台。相反,Salesforce 的专有服务是构建在这个框架之上的。分层体系结构意味着开发者现在可以使用 Lightning Web 组件框架来构建可在任何平台运行的 Web 应用。

过去,开发人员通常使用不同的框架来构建应用的各种版本。例如,开发者需要使用 Aura 在 Salesforce 上构建面向员工的应用程序,同时使用 React、Angular 或 Vue 在 Heroku 等平台构建应用的客户端。如今只要使用 Lightning Web 组件就能一次性构建应用程序的两种版本了。这样做的好处很明显:你只需要学习一个框架就可以在应用之间共享代码。由于 Lightning Web 组件构建于最新的 Web 标准之上,因此你使用的是基于最新模式和最佳实践的尖端框架。

入门

要开始使用开源的 Lightning Web 组件,请访问该项目的全新网站: https://lwc.dev/。

要在本地创建你的第一个 Lightning Web 组件应用,请使用由 @muenzpraeger 构建和维护的开源 lwc-create-app 工具:

复制代码

npx lwc-create-appmy-app
cdmy-app
npmrunwatch

英文原文: https://developer.salesforce.com/blogs/2019/05/introducing-lightning-web-components-open-source.html

iYV7VfA.gif


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK