想做个基于 react 的网站,但是选择组件库 (CSS 框架) 的时候真是困难啊。
看了看 material-ui 不错,但是很多人说 inline style 和性能问题,所以暂时不考虑; antd 感觉更适合管理后台使用;于是又找了这个三个:
- 基于 bootstrap3, 对于升级到 bootstrap4, issue 中说要等到 bootstrap4 release 后才考虑;
- 很久很久了都还没到 1.0, roadmap 最后一次更新还是在 2016 年 10 月;
- 还有个类似的专门针对 bootstrap4 的 reactstrap 然而二者组件实现有差异,并不能无缝迁移。
- 基于 semantic-ui, 很漂亮, semantic-ui.min.css 有 115k, 引用的字体还有 40~50k ,这个尺寸是不是偏大了?
- 据说移动端流畅度不够,不过我自己试了几款浏览器和几台机器貌似没有发现。
- 刚刚看到,还没有试用。
Github star 数: blueprintjs > semantic-ui-react > react-bootstrap
2017 年到目前的 commit 数量: blueprintjs(163) > semantic-ui-react(150) > react-bootstrap(15)
然后自己建了个项目试了下,同样的代码,仅仅引用两个库不同,首屏 react-bootstrap 用了 279k, 而 semantic-ui-react 用了 438k
所以来求教究竟该怎么选?