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

2019 年 6 月 2 日 前端之巅

作者 | Christophe Coenraets
译者 | 王强
几个月前推出的 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 堆栈打造的现代框架。与其他标准相比,它充分利用了 ECMAScript 6 及更高版本中提供的自定义元素、模板、装饰器、模块和其他新语言结构。

Lightning Web Components 有三大关键部分:

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

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

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

开源框架

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

一个框架,所有平台

如上图所示,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

 活动推荐

喊了“AI”这么多年,今年也该干点“正事”了。在视频直播领域,AI 人工智能的引入更是提升了视频审核、视频检索、视频分析等众多细分场景下的计算效率。

北京 6 月 29 日 13:30-18:00,腾讯云【音视频及融合通信技术沙龙】,将围绕 AI 技术在视频智能识别场景下的落地实践,为现场开发者阐述如何更加紧密将视频直播与 AI 技术相结合。限时免费报名通道开启中,扫描【下图二维码】或点击【阅读原文】即可免费报名。

登录查看更多
1

相关内容

【实用书】Python爬虫Web抓取数据,第二版,306页pdf
专知会员服务
115+阅读 · 2020年5月10日
【SIGMOD2020-腾讯】Web规模本体可扩展构建
专知会员服务
29+阅读 · 2020年4月12日
【电子书】C++ Primer Plus 第6版,附PDF
专知会员服务
83+阅读 · 2019年11月25日
中文知识图谱构建技术以及应用的综述
专知会员服务
311+阅读 · 2019年10月19日
[综述]基于深度学习的开放领域对话系统研究综述
专知会员服务
78+阅读 · 2019年10月12日
医疗知识图谱构建与应用
专知会员服务
375+阅读 · 2019年9月25日
前端微服务在字节跳动的落地之路
前端之巅
40+阅读 · 2019年9月19日
微信小程序支持webP的WebAssembly方案
前端之巅
19+阅读 · 2019年8月14日
使用 C# 和 Blazor 进行全栈开发
DotNet
6+阅读 · 2019年4月15日
从webview到flutter:详解iOS中的Web开发
前端之巅
5+阅读 · 2019年3月24日
34个最优秀好用的Python开源框架
专知
9+阅读 · 2019年3月1日
最流行的6大开源自然语言处理库对比
大数据技术
8+阅读 · 2018年8月14日
推荐|Google最热门31款开源项目资源
全球人工智能
4+阅读 · 2017年11月24日
开源巨献:阿里巴巴最热门29款开源项目
算法与数据结构
5+阅读 · 2017年7月14日
开源巨献:Google最热门60款开源项目
程序猿
5+阅读 · 2017年7月12日
Do RNN and LSTM have Long Memory?
Arxiv
19+阅读 · 2020年6月10日
Arxiv
29+阅读 · 2020年3月16日
Arxiv
5+阅读 · 2019年10月11日
Semantics of Data Mining Services in Cloud Computing
Arxiv
4+阅读 · 2018年10月5日
Arxiv
8+阅读 · 2018年2月23日
VIP会员
相关VIP内容
【实用书】Python爬虫Web抓取数据,第二版,306页pdf
专知会员服务
115+阅读 · 2020年5月10日
【SIGMOD2020-腾讯】Web规模本体可扩展构建
专知会员服务
29+阅读 · 2020年4月12日
【电子书】C++ Primer Plus 第6版,附PDF
专知会员服务
83+阅读 · 2019年11月25日
中文知识图谱构建技术以及应用的综述
专知会员服务
311+阅读 · 2019年10月19日
[综述]基于深度学习的开放领域对话系统研究综述
专知会员服务
78+阅读 · 2019年10月12日
医疗知识图谱构建与应用
专知会员服务
375+阅读 · 2019年9月25日
相关资讯
前端微服务在字节跳动的落地之路
前端之巅
40+阅读 · 2019年9月19日
微信小程序支持webP的WebAssembly方案
前端之巅
19+阅读 · 2019年8月14日
使用 C# 和 Blazor 进行全栈开发
DotNet
6+阅读 · 2019年4月15日
从webview到flutter:详解iOS中的Web开发
前端之巅
5+阅读 · 2019年3月24日
34个最优秀好用的Python开源框架
专知
9+阅读 · 2019年3月1日
最流行的6大开源自然语言处理库对比
大数据技术
8+阅读 · 2018年8月14日
推荐|Google最热门31款开源项目资源
全球人工智能
4+阅读 · 2017年11月24日
开源巨献:阿里巴巴最热门29款开源项目
算法与数据结构
5+阅读 · 2017年7月14日
开源巨献:Google最热门60款开源项目
程序猿
5+阅读 · 2017年7月12日
Top
微信扫码咨询专知VIP会员