腳踏七彩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…