关于 SAP Spartacus UI 框架选型问题

简介: 关于 SAP Spartacus UI 框架选型问题

原文


目前我们选择的 UI 框架已经污染了所有的 UI 组件。这对不使用或不能使用引导程序的客户来说是不利的。我们希望我们的 UI 层独立于特定的 UI 框架。此外,我们应该避免像 bootstrap 和 ng-bootstrap 这样的强制对等依赖项。


这需要大量的 poc(例如 https://github.com/tobi-or-not-tobi/agnos)和返工。

这项工作的目标是:


一个非常干净和标准的 UI 层(html5,避免 UI 框架特定的标记)

一种映射、扩展、预处理技术,可以应用于我们的标准 UI.

通过 Agnos,我了解到 SASS 是 UI 框架不可知方法的绝佳选择:


所有大型框架都使用 sass

sass 有一个@extend 机制

sass 有一个占位符选择器(虽然似乎没有人使用 😦)

但是,我们对其他方法持开放态度。

另一种方法显然是设计系统。 ng-bootstrap 就是一个例子,但对此有很大的犹豫:


这是很多工作(去过那里,并且已经看到好的设计系统需要多少时间)

定制仍然是很多工作,虽然它更干净


目录
相关文章
|
1月前
|
人工智能 前端开发 搜索推荐
前端UI框架的发展:从混沌到秩序的演变
前端UI框架的发展:从混沌到秩序的演变
|
1月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
|
1月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
|
1月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
|
1月前
|
JSON 前端开发 测试技术
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
|
1天前
|
小程序 开发者 Windows
轻量、可靠的小程序 UI 框架 -- Vant Weapp的安装和使用
轻量、可靠的小程序 UI 框架 -- Vant Weapp的安装和使用
3 1
|
1月前
|
监控 测试技术
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
|
1月前
|
Web App开发 开发框架 前端开发
Open UI5 前端开发框架配套的 Mock Server 工作原理解析
Open UI5 前端开发框架配套的 Mock Server 工作原理解析
|
1月前
|
开发框架 前端开发 JavaScript
学会Web UI框架--Bootstrap,快速搭建出漂亮的前端界面
学会Web UI框架--Bootstrap,快速搭建出漂亮的前端界面