摘要:為什么我們需要是一個基于的套件庫,兼容。全面的國際化支持所有組件的內(nèi)置文案支持國際化,大部分文案用戶可以主動設置。持續(xù)的功能增強借助社區(qū)和團隊自身的力量,會在現(xiàn)有基礎上優(yōu)化使用體驗,增強組件功能,添加更多常用組件來滿足不同場景的需求。
0. 為什么我們需要 UXCore?
UXCore 是一個基于 React 的 PC UI 套件庫,兼容 IE8+。http://uxco.re/
阿里巴巴信息平臺是負責整個阿里巴巴集團智能辦公系統(tǒng)的團隊,涉及非常多的企業(yè)業(yè)務系統(tǒng),包括薪酬、人力、財務、行政、IT 等等,在這些系統(tǒng)中產(chǎn)生了大量的表格、表單和圖表的交互場景,這里面有很多重復配置的地方,也有很多定制變化的地方,目前業(yè)界的這一方面還沒有能夠完全滿足這一方面的解決方案,因此有了 UXCore。
UXCore 要解決的核心問題,就是方便高效地產(chǎn)出表單、表格,同時提供足夠強大的定制能力,使用戶可以對組件的每一個渲染部分進行修改,從而滿足各種不同種類的業(yè)務場景。
為了實現(xiàn)核心的目標,我們和 UED 團隊積極合作,充分收集業(yè)務場景和進行視覺優(yōu)化,在這個過程我們產(chǎn)出了一系列的簡單易用的基礎組件,用于構建頁面的其他部分。目前信息平臺的新系統(tǒng)都在使用 UXCore 進行承載,我們也很愿意將我們已經(jīng)成熟的解決方案分享出來,幫助更多的企業(yè)系統(tǒng)開發(fā)者解決他們開發(fā)上的痛苦,同時也寄希望于依靠社區(qū)的反饋,可以讓 UXCore 走的更好。
超過 35 個常用基礎組件用來構建你的系統(tǒng)業(yè)務,涵蓋大部分常用功能
1.2 專注于企業(yè)應用圖2:UXCore 致力于產(chǎn)出方便易用、功能強大且高度可定制的表單、表格、布局組件。"
表單內(nèi)置 10 余種常用表單域可以直接使用。
表格除了基礎功能外,還支持折疊展開二級面板、樹形結構、行內(nèi)編輯等復雜場景。
布局支持傳統(tǒng)的左右自適應布局和柵格布局,輕松搞定頁面排版。
除了內(nèi)置的功能外,表單、表格還有一套簡易地定制體系,隨時可以在業(yè)務中為組件注入更強大的力量。
1.3 全面的國際化支持所有組件的內(nèi)置文案支持國際化,大部分文案用戶可以主動設置。
1.4 可以定制的主題1.5 按需使用我們默認提供了兩套主題供使用,這兩套主題也同時在我們的系統(tǒng)中使用,如果你不喜歡我們的主題,你也可以使用我們的在線定制工具定制你的主題,我們目前開放了所有顏色的定制,未來可能會開放更多的定制點。
UXCore 的每個組件都是多帶帶項目維護的,并且也會多帶帶發(fā)布于 npm,因此如果你不喜歡引用 UXCore 的大全包,你也可以多帶帶引用獨立的組件使用。同時,修改 UXCore 原有的樣式也十分簡單,只需修改類名前綴(prefixCls),即可定制屬于自己的 UXCore 組件風格。
1.6 提供項目級的建議和支持如果你苦于搭建使用 React 和 UXCore 的項目環(huán)境,可以參考我們的 starter kit,在這里我們給出了團隊在眾多項目實踐總結出的統(tǒng)一解決方案(NOWA),供你參考。
2.2 可視化頁面搭建為了保證后續(xù)迭代和社區(qū)貢獻的質量,我們會積極地接入代碼風格校驗和持續(xù)集成測試,目前我們的方案已經(jīng)確定,正在向所有的組件進行推廣。
通過在線可視化的頁面,通過拖拽和簡單配置來實現(xiàn)簡單交互頁面的搭建,同時輸出代碼,用以后續(xù)更改和添加代碼。
2.3 持續(xù)的功能增強借助社區(qū)和團隊自身的力量,UXCore 會在現(xiàn)有基礎上優(yōu)化使用體驗,增強組件功能,添加更多常用組件來滿足不同場景的需求。
3. 鏈接github: https://github.com/uxcore/uxcore
文檔站點: http://uxco.re/
文章版權歸作者所有,未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉載請注明本文地址:http://systransis.cn/yun/79798.html
摘要:下的表格狂想曲前言歡迎大家閱讀從零開始的組件開發(fā)之路系列第一篇,表格篇。北京小李中的每一個元素是一列的配置,也是一個對象,至少應該包括如下幾部分表頭該列使用行中的哪個進行顯示易用性與通用性的平衡易用性與通用性互相制衡,但并不是絕對矛盾。 React 下的表格狂想曲 0. 前言 歡迎大家閱讀「從零開始的 React 組件開發(fā)之路」系列第一篇,表格篇。本系列的特色是從 需求分析、API 設...
摘要:一個靠譜的應該包含以下幾部分言簡意賅的項目介紹你的項目解決了什么核心問題,有哪些令人心動的特性。除了在中提到遵循的開源協(xié)議外,一個靠譜的開源項目還會將該開源協(xié)議的內(nèi)容文檔放在自己的項目下方。 0. 前言 寫前端代碼一段時間之后,你可能會萌生做一個開源項目的想法,一方面將自己的好點子分享出去讓更多的人受益,另一方面也可以在社區(qū)貢獻的環(huán)境下學到更多的東西從而快速成長。但是開源項目也有開源項...
摘要:一個靠譜的應該包含以下幾部分言簡意賅的項目介紹你的項目解決了什么核心問題,有哪些令人心動的特性。除了在中提到遵循的開源協(xié)議外,一個靠譜的開源項目還會將該開源協(xié)議的內(nèi)容文檔放在自己的項目下方。 0. 前言 寫前端代碼一段時間之后,你可能會萌生做一個開源項目的想法,一方面將自己的好點子分享出去讓更多的人受益,另一方面也可以在社區(qū)貢獻的環(huán)境下學到更多的東西從而快速成長。但是開源項目也有開源項...
閱讀 2469·2019-08-30 15:53
閱讀 2583·2019-08-29 13:11
閱讀 2671·2019-08-29 12:45
閱讀 3497·2019-08-29 12:41
閱讀 2340·2019-08-26 10:14
閱讀 2167·2019-08-23 14:39
閱讀 2319·2019-08-23 12:38
閱讀 3384·2019-08-23 12:04