Update: git repo with examples
Prelude: simple clock
Simple enough, derived from the animation example in om examples.
Scrubbing Int, Approach one: all local state
Two utility functions:
My first attempt entirely used internal state. Not terribly useful, but it set the stage.
It works entirely in the span element. Click and drag changes the value. If you drag out of the element before you release the mouse button, the state becomes inconsistent. The snippet below will let you tune the sensitivity if you use it in the :onMouseMove handler.
Approach two: Moving out the state
So here I've switched things to use an external atom for the value, and moved most of the logic into event listeners under IWillMount. This works correctly even if you drag off the span element. It's pretty much everything I set out to do with this.
The only drawback is the event listeners should be connected in the handler for onMouseDown, and removed when "mouseup" is received. I'll update it when I've figured out how to remove existing listeners.
Afterward: Stuff you should be looking at
- devcards are awesome, a great way to prototype this kind of stuff
- Isomorphic Clojurescipt, and his example omelette