About
Wrapper to get faster the click on mobiles and tablets.
Global utils like fastclick are not working always and is not the cleanest solution.
Some controls need the pure events, global solutions produce problems is some cases.
So, the DynaFastClick applies the fast click solution only for what is wrapped.
Wrap it, listen the onClick event of the DynaFastClick and not of the content.
On desktop nothing is changing, the click event is the same one.
Written in TS runs everywhere.
Under the hood
The magic recipe
On mobiles, the onClick is called on touchendswallowing the click event.
Usage
<DynaFastClick onClick={()=>console.log('clicked')}>
<button>Post it</button>
</DynaFastClick>
Demo
npm start
Props
All props are optional except the children.
IDynaFastClickProps = {
className?: string; // class name in order to style it
nodeType?: string; // default is "span" and creates <span/>, set to "div" to get <div/>
children: any; // the content
onClick?: () => void; // the click event, triggered as fast as possible
}