脚踏七彩Scala.js，进军前端娱乐圈

其实两年前就有计划，基于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…