@cassler/hooks

A collection of react hooks for common browser APIs.

Usage no npm install needed!

<script type="module">
  import casslerHooks from 'https://cdn.skypack.dev/@cassler/hooks';
</script>

README

@cassler/hooks

A collection of react hooks for common browser APIs.

  • useColorMode provides color theme injection into root CSS courtest of @cassler/color
  • useDarkMode detects user preference of dark mode from OS.
  • useLocalStorage makes using localStorage as easy as useState.
  • useMedia provides access to media queries and more.
  • useMemoCompare extends React's memo functionality for ligth diffing.
  • useWindowSize gives direct access to window dimensions inside your component.