@designbycosmic/cosmic-react-resize-hook

cosmic-react-resize-hook

React hook for listening to window resize events

Installation notes

yarn add https://github.com/designbycosmic/cosmic-react-resize-hook.git

Currently this requires the repo to be public.

How to use

// from any functional component

import { useWindowSize } from "cosmic-react-resize-hook";

const WindowSizeWatcher = () => {
  const { innerWidth, innerHeight, outerWidth, outerHeight } = useScrollPosition();

  return (
    <p>The current window size is {`width: ${innerWidth}px, height: ${innerHeight}px`}</p>
  );
}

export default WindowSizeWatcher;

TODO

• determine if repo should be configured as NPM package