使用 Stencil 构建设计系统

创建令人惊叹的 UI 组件需要做很多事情。性能、可访问性、跨平台功能和用户体验（不仅是 UI 组件本身，还包括它如何融入整个设计系统）都必须考虑在内。

这些方面需要真正的努力才能做好。

进入 Stencil，这是一种用于建筑设计系统的强大且高度可扩展的工具。凭借其有意简约的工具和 API 足迹，可以轻松地将其整合到您现有的开发工作流程中。它通过运行时很小的开销带来了开箱即用的显着性能。最重要的是，所有使用 Stencil 构建的 UI 组件都 100% 基于开放的 Web 标准。

开放网络标准的重要性

通过使用所有现代浏览器都支持的 Web components 标准，Stencil 构建的 UI 组件为在设计系统中的使用提供了许多独特的优势，即：

• 在任何平台或设备上工作
• 适用于任何前端框架，因此可以轻松地在使用不同技术堆栈的团队和项目中使用
• 有助于创建一个公司范围的代码实现，而不是每个框架或平台一个

在 博文 中详细了解为什么 Web components 是设计系统的理想选择。

如何开始

Stencil 的开箱即用功能将帮助您构建自己的通用 UI 组件库，这些组件将跨平台、设备和前端框架工作。查看此站点上的文档。 需要帮助构建和扩展您公司的设计系统？ 将 Ionic 作为您的开发合作伙伴，您可以减少设计债务，连接不同的技术团队，并获得帮助以实现大规模的品牌一致性。 了解有关 Stencil Enterprise 的更多信息。