Reader

hana-ui(官网，Github)是一个二次元清新风格的React-UIKit，使用ES6+SASS+Typescript开发，拥有丰富的组件用以构建复杂前端界面系统，目前已在Bilibili管理后台和一些前端页面进行了应用。

有兴趣的来点个Star吧www

初心

这个项目是在B站完成的，完成者是我和另外两个同事，其名字源于我和其中一位同事的一次饭后讨论，死宅嘛，总想要搞出一些东西为二次元啊业界啊做出些贡献，于是便有了这个UIKit，懂行的人一看hana-ui这个名字大概也就明白这个库是什么风格了。

其实不严格来说，这个项目在去年五月份差不多就完全完成并投入使用了，但由于公司等原因一直没有开发出来，而在这空闲的几个月我们将其升级到了React16，并添加了一些新的特性，并进一步完善了官网和文档。

定位

定位方面，由于我们团队都比较务实，比较讨厌现在吹来吹去的所谓“Design Language”，所以定位也就是一个单纯的React用UIKit，一个UI组件库。

设计

基本UIKit应该有组件的都有了。组件分为种子（seeds）、芽（burgeon）和花（flower）三部分，复合性层层递增。

风格方面，主题可配置，默认走清新风格。

代码方面。主代码走一套ES6加上一套Eslint（项目开始的时候还没上Typescript），不过补上了一套ts头可以和Typescript兼容。

测试暂时没有，但在复杂工程中过了很久了所以也算是得到了最好的测试。关于纯前端视图层的单元测试必要性问题这个见仁见智，我的观点是模型可以测，视图方面测试纯属吃力不讨好。

请帮助我们！

不过想必大家也发现了，现在UIKit整体的设计有些地方还有些糙，这个我们也很无奈。我不知道公司如何定位我们这个组件库，当时（现在也是）处于弱势的我们部门并没有为这个组件库争取到设计资源，所以设计也是我们三个自己操刀的。

让前端来做设计嘛，和让设计来写前端差不多，做到这样我们已经尽力了，所以在这里如果有专业的设计师死宅同学给出帮助我们是再欢迎不过了。

不过由于不被重视，所以这个库的开源和B站毫无关系，完全是hana-group自行维护，自由度也高一些。

二次元本就是一个去中心化的创作集群，由无数有爱人士共同贡献，在这一点上hana-ui也是一样的。
个人力量毕竟有限，所以希望大家能积极参与！