A simple compoenent to use Reagent/Re-frame with d3.js
see http://zachcp.github.io/simplecomponent/
If you want to use reagent with D3.js you need to use lifecycle methods. These can be very non-intuitive to use, somewhat defeating the otherwise easy-to-use Reagent.
This project follows the state-management pattern of re-frame. Its worth reading the documentationon that project because
- it will get you up and running
- it has great sections for more advanced topics.
I also ended up using these following as references:
- jszakmeister's clojurescript, D3, and Reagent
- nils blum-oests post on the same topic
- the discussion in this thread
To get an interactive development environment run:
lein figwheel
and open your browser at localhost:3449. This will auto compile and send all changes to the browser without the need to reload. After the compilation process is complete, you will get a Browser Connected REPL. An easy way to try it is:
(js/alert "Am I connected?")
and you should see an alert in the browser window.
To clean all compiled files:
lein clean
To create a production build run:
lein cljsbuild once min
And open your browser in resources/public/index.html. You will not
get live reloading, nor a REPL.
Copyright © 2014 FIXME
Distributed under the Eclipse Public License either version 1.0 or (at your option) any later version.