Based on Christophe Grand's solution in the book Clojure Programming

The visualisation is inspired by the excellent presentation of React.js by steveluscher at react-supervanjs-2013

The purpose of this app is to help people discover and understand Om/React.js

It has been presented at the Paris Clojure Meetup.

Based on David Nolen's template : mies-om

To build the project :

clone the repository

cd game-of-life-om

lein cljsbuild auto game-of-life-om

When the ClojureScript is compiled, open index.html

Alternativevly you can compile the project in advanced mode :

lein cljsbuild once release

When finished open : release.html

You are presented en empty world, free of any cell.

• Create new cells by the mouse actions : click, hover, click

• Create non contiguous cells by pressing esc key before the second click.

• Choose predefined cells configuration from the drop down list.

• kill all cells by clicking on "Wipe board" button or hitting space bar.

• Vary the next generation speed by using the slider

• Click on the "Mark" button to color in grey each location with direct DOM manipulation. This should help understand the concept behind React.js : it reveals the fact that React.js re-render only the cells that change at each generation.

Watch this instructive and fun presentation of React.js by steveluscher at react-supervanjs-2013

I warmly recommand you to study this article, it contribute greatly to understand the organisation of a React.js app and helps you to build your own app : Thinking in React By Pete Hunt

There is a nice introduction of Om in theses slides by Sean Grove