其实两年前就有计划,基于Binding.scala和Semantic UI,模仿Ant Design,写一个Scala.js的前端组件库。前段时间,Ant Design有一个大新闻,可惜Binding Semantic还没有开始写,不然就可以蹭热点了(逃
不过两年前,Scala生态还没有准备好,不过,2019年,万事具备,只差几个愿意一起写Scala.js的小伙伴了。
技术选型
2018年在知乎上点赞最多的用户是杨博,一直以来,对杨博的项目比较有好感。所以非常看好Binding.scala。至于Semantic UI,是因为ScalaFiddle使用了Semantic UI,这意味着我不需要在ScalaFiddle中引入任何Semantic UI的依赖(因为ScalaFiddle已经引入),就可以使用SemanticUI中。比如,点击这里,就可以直接运行下面的代码:
import com.thoughtworks.binding._
import org.scalajs.dom._
@dom def main = {
<div class="ui card">
<div class="content">
<div class="header">
沈达
</div>
<div class="meta">
《Scala实用指南》译者,Scala粉丝
</div>
<div class="description">
请点击购买按钮,立即下单,支持达达的创作,么么哒!
</div>
</div>
<div class="extra content">
<div class="ui two buttons">
<div class="ui basic green button"><a href="https://item.jd.com/12383836.html" style="color: green">购买</a></div>
<div class="ui basic red button"><a href="https://book.douban.com/subject/30249691/" style="color: red">拒绝</a></div>
</div>
</div>
</div>
}
dom.render(document.body, main)
复制代码
效果如下:
Binding Semantic Github(WIP)
github.com/sadhen/Bind…
Binding SemanticUI 官方文档(建设中)
sadhen.github.io/Binding-Sem…