Need help with workbench-example-app?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

lihaoyi
204 Stars 110 Forks 76 Commits 15 Opened issues

Description

An example application written in ScalaJS using scala-js-dom and scala-js-workbench

Services available

!
?

Need anything else?

Contributors list

# 42,804
Scala
scala-j...
npm
jvm-lan...
24 commits
# 39,757
Scala
scalajs
playfra...
Shell
10 commits
# 307,350
Scala
Shell
interpo...
scalaz
5 commits
# 239,476
Scala
gtk
appindi...
concurr...
1 commit
# 641,302
Scala
HTML
1 commit

Example Scala.js application

This is a slightly less barebone example of an application written in Scala.js. In particular, it links in libraries that are indispensible in being productive working with Scala.js.

Get started

To get started, run

sbt ~fastOptJS
in this example project. This should download dependencies and prepare the relevant javascript files. If you open
localhost:12345/target/scala-2.11/classes/index-dev.html
in your browser, it will show you an animated Sierpinski triangle (live demo). You can then edit the application and see the updates be sent live to the browser without needing to refresh the page.

The optimized version

Run

sbt fullOptJS
and open up
index-opt.html
for an optimized (~200kb) version of the final application, useful for final publication.

Dodge the Dots

Take a look at the

dodge-the-dots
branch in the git repository if you want to see a slightly more complex application that was made in 30 minutes using this skeleton. Similar steps can be used for development or publication. There's a live demo here.

Space Invaders

There's also a

space-invaders
branch, also made in 30 minutes, with its own live demo.

TodoMVC

The

todomvc
branch contains an implementation of the TodoMVC example application, which is used to compare how the exact same application would be implemented using different languages and frameworks. This application makes heavy use of Scalatags and Scala.Rx, with heavy use of the DOM via scala-js-dom, making it a good example of how reactive web pages could be built using ScalaJS, as well as use of standalone ScalaJS libraries. live demo

Ray Tracer

The

ray-tracer
branch contains a simple ray-tracer written using Scala.js, with a live demo.

Weather Map

The

mapper
branch contains an application that renders a heat map of the earth, using data pulled from OpenWeatherMap, with a live demo

Autowire

The

autowire
branch contains a small sample client-server application, using Scala.js on the client and Spray on the server. The readme on that branch contains instructions on how to run it.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.