Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

blaze-react v0.1

*** NOTE: Looking for the latest version (v0.2)? Check out the feat-dev-mode branch (recommended).***

These are experimental bindings for ReactJS using GHCJS. The rendering API is modeled analogously to blaze-html and the application architecture is based on simply specifying the complete UI state together with the state transitions that implement the application's logic.

This purity simplifies both implementation and debugging. For example one can generically implement a time-machine wrapper which wraps an application such that one can go back and inspect all intermediate states. To see it in action, take a look at the classic TodoMVC example in todomvc directory, which is also available online.


First of all, make sure you have ghcjs installed (including the patched version of cabal), as well as nodejs and npm.

Blaze-react depends on ghcjs-ffiqq, which is not on hackage, so you'll have to install it from github. The suggested way is to run cabal sandbox add-source <path to a checkout of ghcjs-ffiqq>. Once this is done, you need to do a bit of fairly standard set-up, and then you can build the library:

make dev-tools
cabal install --only-dep
cabal configure
make build

If you want to build the example app as well (found in the 'todomvc' directory) then you should configure the project with the build-example flag set:

cabal configure -fbuild-example
make build
open todomvc/index.html

Known problems

  • The versions in the .cabal file are not properly pinned, which might lead to build problems.
  • The extra-sources field is missing some files, which means cabal sdist won't work.


  • The bindings were heavily inspired by Luite Stegeman's virtual-dom bindings.
  • Alex Sayers implemented the Clock and TimeMachine examples.
  • Tomas Carnekcy helped debug some nasty GHCJS FFI issues.


A blaze-html style ReactJS binding for Haskell using GHCJS







No packages published