聽說華為云最近新開源了一個組件庫項(xiàng)目，叫OpenTiny。作為一個編程愛好者和對組件庫有使用需求的程序猿來講，必須要看看這個OpenTiny到底有什么不一樣，讓我立馬打開了OpenTiny官網(wǎng)OpenTiny - 企業(yè)級產(chǎn)品的完整設(shè)計(jì)和開發(fā)解決方案一看究竟。

首先大概了解到OpenTiny?是一套華為云出品的企業(yè)級組件庫解決方案，適配 PC 端/移動端等多端，涵蓋 Vue2 / Vue3 / Angular 多技術(shù)棧，擁有主題配置系統(tǒng) / 中后臺模板 / CLI 命令行等效率提升工具，可幫助我們開發(fā)者高效開發(fā) Web 應(yīng)用。

首先能看到這個組件還是非常豐富的，如果不斷迭代優(yōu)化，應(yīng)該后面也會陸續(xù)更新更多，

聽說這個項(xiàng)目也是經(jīng)過九年持續(xù)打磨，服務(wù)于華為內(nèi)外部上千個項(xiàng)目，千錘百煉，如果真的是這樣，想必用起來也是一個穩(wěn)定可靠的組件庫。

進(jìn)入OpenTiny官網(wǎng)后發(fā)現(xiàn)這個頁面主要是采用了四種色系，有天空藍(lán)、極客黑、清爽白、松石綠，據(jù)說這個也是結(jié)合了華為云設(shè)計(jì)規(guī)范、El行業(yè)設(shè)計(jì)、軟件云設(shè)計(jì)還有其他視覺主題。整體看上去給人一種很清爽的感覺。

同時進(jìn)入OpenTiny官網(wǎng)后，發(fā)現(xiàn)里面一共有三個項(xiàng)目包含TinyVue、TinyNg和覆蓋前端開發(fā)全流程的腳手架工具TinyCLI,同時也包含主題配置系統(tǒng)TinyTheme和管理系統(tǒng)模板TinyPro。這幾個板塊基本上就能解決目前咱們前端開發(fā)者遇到的一些棘手的問題了，比如多終端需要多次開發(fā)：

關(guān)鍵業(yè)務(wù)數(shù)據(jù)和審批流程，無法通過移動設(shè)備便捷地查看和操作；

多技術(shù)棧導(dǎo)致能力無法復(fù)用：不同業(yè)務(wù)部門可能采用不同技術(shù)框架，框架之間多不兼容，能力很難有效復(fù)用。

框架大版本升級工作量大：框架版本可能出現(xiàn)破壞性變更，相應(yīng)的UI組件庫也需要升級，升級工作量巨大，容易造成業(yè)務(wù)連續(xù)性問題。

低碼系統(tǒng)缺乏配置式組件：業(yè)界UI組件庫適配低碼平臺工作量大，無法有效支持越來越流行的低代碼、無代碼平臺的開發(fā)。

社區(qū)管理系統(tǒng)模板匱乏：不同行業(yè)和領(lǐng)域有不同的典型業(yè)務(wù)場景，業(yè)界缺乏對典型場景的支持。

說起這些問題，咱們就可以具體來看看，首先是TinyVue組件庫，它滿足跨端、跨版本全場景需求，一套代碼支持移動端、平板、PC、大屏等多端場景，讓業(yè)務(wù)流程更加便捷高效；當(dāng)然還有TinyNg組件庫，組件也是相當(dāng)豐富，性能超高，涉及海量數(shù)據(jù)的組件（Select、Tree、Table等），內(nèi)置虛擬滾動，保持絲滑穩(wěn)定。據(jù)說OpenTiny是通過Renderless技術(shù)架構(gòu)，實(shí)現(xiàn)多框架共用一套API，框架切換輕松自如；多框架共享組件能力和API，實(shí)現(xiàn)無痛升級，保障業(yè)務(wù)連續(xù)。然后還有TinyPro可以及時開箱即用，其中包含中后臺業(yè)務(wù)模板和云服務(wù)控制臺業(yè)務(wù)模板，同時功能強(qiáng)大，支持布局配置、響應(yīng)式、主題定制、國際化等功能，提供表格、表單、列表、圖表等20多種豐富的典型頁面和業(yè)務(wù)組件。接著還有覆蓋前端開發(fā)全流程的CLI工具，兼容 windows、mac、linux 三個平臺，提供從標(biāo)準(zhǔn)項(xiàng)目生成、開發(fā)、調(diào)試、測試、質(zhì)量規(guī)范檢查等工具，無需手動安裝和升級插件，一切都是自動化完成。

?

目前對于OpenTiny這個開源項(xiàng)目，我目前還是處于體驗(yàn)和使用的階段，后續(xù)會持續(xù)輸出體驗(yàn)上的一些內(nèi)容。

最近國外的ChatGpt的爆火，在各個行業(yè)都引起了不小的風(fēng)浪，大家逐漸開始憂心忡忡，會不會被AI機(jī)器人給取代。在此突然有個想法，如果OpenTiny官網(wǎng)讓AI去做，會設(shè)計(jì)成什么樣的，可以幫助我們開發(fā)者快速的定義問題并找到解決方案嗎？

我也添加了小助手微信：opentiny-official，有需要也可以一起交流前端技術(shù)，一起玩開源。??

官網(wǎng)：opentiny.design/

GitHub倉庫：github.com/opentiny/

微信公眾號：OpenTiny