软件开发架构师

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

前端 92 2019-06-07 02:35

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

基于 Web 标准打造

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

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

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

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

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

Lightning Web Components 有三大关键部分:

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

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

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

开源框架

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

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

一个框架,所有平台

如上图所示,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-app my-app cd my-app npm run watch

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

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

文章评论