added tap / click elements example to readme

[edencorbin]

It took me a little to figure out how to implement the click / tap functionality in react so I thought it would be helpful to add react specific code to the documentation. Let me know if you think so too.

[schovi]

@edencorbin Is it anyhow different when you use it without react-iscroll? If yes, then it makes sense and I will provide some feedback on code itself :)

[edencorbin]

Well, although it is not technically different, it requires setting up a ref, which is a react concept to my knowledge, and then adding a listener event to that ref. I'm a fan of verbose documentation. I noticed there was another closed issue or two about it so I thought I would share the steps. If it doesn't fit in with the documentation, no problem.

[schovi]

@edencorbin My point is, that this is something many times solved and when you google you find same solution or package solving that like https://github.com/zilverline/react-tap-event-plugin
So maybe find best solution and just link it in FAQ?

[schovi]

There is some better practises how to make it clean and durable.

[schovi]

With simple example like this you can save ref directly.

ref={el => this.myElementRef = el}

[schovi]

With comlicated code it would be better to check presence of element

if (this.myElementRef) {
  // add listener
}

[schovi]

With binded handler to class you can do simple

.addEventListener("tap", this.handleTap)

[schovi]

Bind tap handler in constructor:

  this.handleTap = this.handleTap.bind(this)

or use class props syntax:

handleTap = (ev) => {
 ....
}

Then you dont need to call it () => this.handleTap()

[schovi]

And when you add listener, you have to remove it too

componentWillUnmount() {
  if(this.myElementRef) {
    this.myElementRef.removeEventListener("tap", this.handleTap)
  }
}