react-typescript-hooks

A collection of React Hooks in Typescript

Mouse

• useMouseScroll

// Example of usage
const [containerRef, scrollY] = useMouseScroll<HTMLDivElement>();
...
<div ref={containerRef}>content</div>

• useMouseHover

// Example of usage
const [buttonRef, buttonHovered] = useMouseHover<HTMLButtonElement>();
const color = buttonHovered ? 'red' : 'blue';

return (
  <button
    ref={buttonRef}
    style={{ color }}
  >
    click me
  </button>
);

Window

• useWindowResize

// Example of usage
const [width, height] = useWindowResize(); 

! React Native

• useAndroidPermissions

// Example of usage
// const [waitingPerm, grantedPerm] = useAndroidPermissions();

• useAndroidBackNavigationEffect

// const printMessage = () => console.log('back button pressed');
// useAndroidBackNavigationEffect(printMessage);