react-hammer

reactjs-hammerjs
================

reactjs hammerjs integration with animations

How to use it?

* Download this repo
* cd to it
* cast [python -m SimpleHTTPServer [port]](http://stackoverflow.com/a/532710)
* and open http://localhost:[port]/examples/reacthammer.html

it is not really well structured (actually bad, I just put everything that I have for this moment in one example) but u can click and figure out what happens

hammerjs

This example inspired by old hammer (new hammer is a way too different for me to understand and use it here) especially by this page which was extremely useful during testing events support on mobile phones.

reactjs

I did not find proper syntatic touch events support in react yet as I want to be able to use all hammer suported events:

"touch", "release", "hold", "tap", "doubletap", "dragstart", "drag", "dragend", "dragleft", "dragright", "dragup", "dragdown", "swipe", "swipeleft", "swiperight", "swipeup", "swipedown", "transformstart", "transform", "transformend", "rotate", "rotateleft", "rotateright", "pinch", "pinchin", "pinchout"

Cause hammer use real dom nodes react will weaken by this.getDOMNode() calls, but it still reeeeeealy fast.

HitArea

HitArea is a main react component of this repo it can log self on EventsPane just like that

``javascript
React.renderComponent(
,
$('#example')[0]
);
`

HitArea is transcludable u can use it like that:

`javascript
React.renderComponent(

,
$('#example')[0]
);
`

It tries to pass all hammer events to childs if they have receiveHammerEvent method

U can restrict HitArea to observe only some of events like that:

`javascript
React.renderComponent(

...
,
$('#example')[0]
);
``

reactjs animate

I animate examples using that thing it depends on d3