hana-ui(官網,Github)是一個二次元清新風格的React-UIKit,使用ES6+SASS+Typescript開發,擁有豐富的組件用以構建複雜前端界面系統,目前已在Bilibili管理後臺和一些前端頁面進行了應用。前端
有興趣的來點個Star吧wwwgit
這個項目是在B站完成的,完成者是我和另外兩個同事,其名字源於我和其中一位同事的一次飯後討論,死宅嘛,總想要搞出一些東西爲二次元啊業界啊作出些貢獻,因而便有了這個UIKit,懂行的人一看hana-ui這個名字大概也就明白這個庫是什麼風格了。github
其實不嚴格來講,這個項目在去年五月份差很少就徹底完成並投入使用了,但因爲公司等緣由一直沒有開發出來,而在這空閒的幾個月咱們將其升級到了React16,並添加了一些新的特性,並進一步完善了官網和文檔。單元測試
定位方面,因爲咱們團隊都比較務實,比較討厭如今吹來吹去的所謂「Design Language」,因此定位也就是一個單純的React用UIKit,一個UI組件庫。測試
基本UIKit應該有組件的都有了。組件分爲種子(seeds)、芽(burgeon)和花(flower)三部分,複合性層層遞增。ui
風格方面,主題可配置,默認走清新風格。設計
代碼方面。主代碼走一套ES6加上一套Eslint(項目開始的時候還沒上Typescript),不過補上了一套ts頭能夠和Typescript兼容。component
測試暫時沒有,但在複雜工程中過了好久了因此也算是獲得了最好的測試。關於純前端視圖層的單元測試必要性問題這個見仁見智,個人觀點是模型能夠測,視圖方面測試純屬吃力不討好。cdn
不過想必你們也發現了,如今UIKit總體的設計有些地方還有些糙,這個咱們也很無奈。我不知道公司如何定位咱們這個組件庫,當時(如今也是)處於弱勢的咱們部門並無爲這個組件庫爭取到設計資源,因此設計也是咱們三個本身操刀的。blog
讓前端來作設計嘛,和讓設計來寫前端差很少,作到這樣咱們已經盡力了,因此在這裏若是有專業的設計師死宅同窗給出幫助咱們是再歡迎不過了。
不過因爲不被重視,因此這個庫的開源和B站毫無關係,徹底是hana-group自行維護,自由度也高一些。
二次元本就是一個去中心化的創做集羣,由無數有愛人士共同貢獻,在這一點上hana-ui也是同樣的。 我的力量畢竟有限,因此但願你們能積極參與!