华为跨端、跨框架的 UI 组件库OpenTiny

举报
林欣 发表于 2024/06/23 15:54:34 2024/06/23
【摘要】 一、前言在华为开发者大会2023上,官方正式进行发布了 OpenTiny,这是华为云出品的企业级设计体系统,一套前端 UI 组件库。适配 PC 端/移动端等多端,完成度很高。组件库地址为:https://opentiny.design/tiny-vue/zh-CN/os-theme/overview它不仅支持 Angular,还支持 Vue,通用性做的很好 二、OpenTiny组件库概述O...

一、前言

在华为开发者大会2023上,官方正式进行发布了 OpenTiny,这是华为云出品的企业级设计体系统,一套前端 UI 组件库。适配 PC 端/移动端等多端,完成度很高。

组件库地址为:https://opentiny.design/tiny-vue/zh-CN/os-theme/overview

它不仅支持 Angular,还支持 Vue,通用性做的很好

二、OpenTiny组件库概述

OpenTiny是华为云开源的Web应用前端开发套件,经过九年的持续打磨,服务于华为内外部上千个项目。它适配PC端/移动端等多端,涵盖Vue2/Vue3/Angular多技术栈,拥有主题配置系统/中后台模板/CLI命令行等工具库,是一套企业级、跨框架、跨版本的前端组件库。

三、OpenTiny组件库的核心特点

跨端跨框架:OpenTiny采用Renderless无渲染组件设计架构,实现了一套代码同时支持Vue2/Vue3,PC/Mobile端。这使得开发者可以在不同的平台和框架之间无缝切换,大大提高了开发效率。
组件丰富:OpenTiny提供了150+企业级组件,包括80+PC端组件和30+移动端组件,满足各种复杂业务场景的需求。同时,它还内置了虚拟滚动等优化技术,保证大数据场景下的流畅体验。
支持配置式组件:OpenTiny的组件支持模板式和配置式两种使用方式,适合在低代码平台中使用。开发者无需进行二次封装,即可快速构建高效、美观的前端应用。
周边生态齐全:OpenTiny不仅提供了不同框架的组件库,还提供了一系列开发工具,如CLI脚手架工具、中后台模板、主题配置系统等。这些工具覆盖了前端开发的全流程,帮助开发者提高开发效率和质量。

四、OpenTiny组件库的优势

稳定性与可靠性:OpenTiny经过九年的持续打磨和华为内外部上千个项目的实践验证,具有极高的稳定性和可靠性。它能够满足华为内部IT系统对功能、性能、可信的极致要求。
灵活性与可定制性:OpenTiny支持函数级别的逻辑定制和全模板替换,具有极高的灵活性和可定制性。开发者可以根据自己的需求快速定制出符合业务场景的前端应用。
良好的社区支持:OpenTiny作为华为云开源项目之一,得到了广泛的社区支持和关注。开发者可以在社区中分享经验、提出问题、获取帮助,共同推动OpenTiny的发展。

五、应用场景

OpenTiny组件库适用于各种企业级前端应用场景,如企业门户、后台管理系统、CRM系统、ERP系统等。它可以帮助开发者快速构建高效、美观、稳定的前端应用,提升用户体验和业务效率。

六、结语

OpenTiny组件库凭借其跨端跨框架、组件丰富、支持配置式组件和周边生态齐全等核心特点,成为了企业级前端开发的新选择。随着前端技术的不断发展和应用场景的不断拓展,OpenTiny将继续发挥其在前端开发领域的优势,为开发者提供更加高效、稳定、可靠的前端开发工具。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。