[Feature] useMouseMove hook to observe x,y coords of window or an html element

[saniakjamil]

Solved #38 .

Added useMouseMove hook to set of hooks.
Added documentation and example in dev/index.js.

[adeelibr]

This is super cool @saniakjamil

Let's add some super cool wings to this hook. My proposed version of this hook is something like this

const styles = {
 miniBox: {
  height: 450,
  width: 300,
  backgroundColor: 'yellow', 
 }, 
};

const App = () => {
 const [coords] = useMouseMove();
 const [yellowBoxCoords, yellowBoxRef ] = useMouseMove();
 
 return (
   <div>
       <p>your current mouse position with respect to window container {coords.x}, {coords.y}</p>
       <section ref={yellowBoxRef} style={styles.miniBox}>
         <p>mouse x,y with respect to yellow box {yellowBoxCoords.x}, {yellowBoxCoords.y}</p>
       </section>
   </div>
 );
}

So in short, an API that can do both. Does that make sense?

Inpirations/References:

• https://codesandbox.io/s/x95rozo9wz
• https://github.com/rehooks/window-mouse-position/blob/master/index.js
• **Feature:** <Foldable /> component to React hook contiamo/operational-ui#916
• Extra homework https://gist.github.com/gragland/cfc4089e2f5d98dde5033adc44da53f8

[adeelibr]

💯