推荐一种处理模式库中多个UI框架的方法

Question

我们正在建立一个模式库。

它一方面用于在web视图中记录和显示我们的UI元素。另一方面，它也应该是构建组件的地方。然后，实际的web应用程序应该使用模式库中的组件(标记、CSS和JavaScript)，并且只显示它们。

目前，我们主要使用PHP、胡子和javascript，这就是我们决定使用这些技术在模式库中构建组件的原因。

同时，我们正在重新思考在我们的前端所使用的技术，并且正在考虑使用React或webcomponents (模具)来构建某些部件。

用于模式库(分形)的工具使您可以在配置中选择模板引擎。这意味着:选择胡子，没有反应，反之亦然。

这里是否有人成功地建立了一个结合多种技术的模式库--并且能够在前端应用程序中使用组件，以及在模式库中使用在不同技术中构建的显示组件？

如果是，我将非常感谢您的共同经验。特别是在如何设置模式库方面，如果您使用了一个非常有用的工具，以及web应用程序的前端如何使用组件。

谨致问候!

Answer 1

我认为你想要实现的是一个设计系统。

设计系统到底是什么？

您肯定可以拥有一组通用的css/less/sass文件，这些文件可以应用于任何决定应用程序外观和感觉的前端组件。这些可以在任何技术堆栈中共享。

如果要在特定堆栈上生成特定组件，则这些组件仅可用于该堆栈。您的核心CSS仍然可以应用到新的堆栈中。

如果您寻找不与特定技术相关联的可重用组件，则可以查看网络组件。通常，这些都需要完整的浏览器支持的多填充。但这也是一种可能性。

网络组件介绍。