Binding.scala • TodoMVC
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
js
project
.gitignore
.travis.yml
build.sbt
deploy.sh
package.json
readme.md

readme.md

Binding.scala • TodoMVC

Binding.scala is a data-binding framework for Scala, running on both JVM and Scala.js.

Binding.scala can be used as a reactive web framework. It enables you use native XML literal syntax to create reactive DOM nodes, which are able to automatically change whenever the data source changes.

Binding.scala's TodoMVC application has the tiniest code size among all the TodoMVC implementations, only one source file, 154 lines of code!

Getting Started

/**
 * Returns a bindable HTML DOM tree.
 *
 * The `@dom` annotations enable two magics:
 *  1. XHTML literals to create DOM nodes
 *  2. `xxx.bind` syntax, which makes this DOM tree keep updated whenever `xxx` changes.
 */
@dom def render = {
  val value = Var("")
  <div>
    <input onchange={ event: Event => dom.currentTarget.asInstanceOf[HTMLInputElement].value }/>
    Your input value is { value.bind }
  </div>
}

/**
 * Renders a bindable HTML DOM node into the body of current web page.
 */
@JSExport def main(): Unit = {
  dom.render(document.body, render)
}

Instructions to build this application

  1. Download and install sbt
  2. Clone this repository git clone https://github.com/ThoughtWorksInc/todo.git
  3. Execute the shell command sbt indexHtml at the base directory of this code base.
  4. Open the generated index.html in your browser. Enjoy it! 😋

Links