scalajs-react-extra

Extra library wrapper for react and standard Javascript library (mapped using react vdom)

For now partial scalajs-react-bootstrap is available. It's a complete rewrite of react-bootstrap for scalajs. (It's not a facade).

This project is based on scalajs-react and play-with-scalajs-example This is a simple example application showing how you can integrate a Play project with a Scala.js project.

The application contains three directories:

• examples-server Play application (server side)
• examples-client Scala.js application (client side)
• examples-shared Scala code that you want to share between the server and the client
• react-bootstrap ScalaJS React Bootstrap

Run the application

$ sbt
> run
$ open http://localhost:9000

Features

The application uses the sbt-play-scalajs sbt plugin and the play-scalajs-scripts library.

• Run your application like a regular Play app
  • compile simply triggers the Scala.js compilation
  • run triggers the Scala.js fastOptJS command on page refresh
  • ~compile, ~run, continuous compilation is also available
  • start, stage and dist generate the optimised javascript
  • playscalajs.html.scripts selects the optimised javascript file when the application runs in prod mode (start, stage, dist).
• Source maps
  • Open your browser dev tool to set breakpoints or to see the guilty line of code when an exception is thrown
  • Source Maps is disabled in production by default to prevent your users from seeing the source files. But it can easily be enabled in production too by setting emitSourceMaps in fullOptJS := true in the Scala.js projects.

IDE integration

Eclipse

1. $ sbt eclipse
2. Inside Eclipse, File/Import/General/Existing project..., choose the root folder to import the projects

IntelliJ

In IntelliJ, File/Import Project..., choose the root folder, Import project from external model/SBT/Finish. Make sure you use the IntelliJ Scala Plugin v1.3.3 or higher. There are known issues with prior versions of the plugin.

Deployment