Newly Practicing Mortician

    @keqingrong/hooks
    TypeScript icon, indicating that this package has built-in type declarations

    0.2.0 • Public • Published

    @keqingrong/hooks (WIP)

    Collection of React Hooks

    Installation

    # npm
    npm install @keqingrong/hooks
    
    # yarn
    yarn add @keqingrong/hooks

    Usage

    Use query string parameters

    import { useQueryParams } from '@keqingrong/hooks';
    
    function App() {
      const query = useQueryParams();
      return <div>App</div>;
    }

    Check whether element has scrollbars

    import { useHasScrollbar } from '@keqingrong/hooks';
    
    function App() {
      const ref = useRef<HTMLDivElement>(null);
      const hasScrollbar = useHasScrollbar(ref);
      return (
        <div>
          <ul>
            <li>{hasScrollbar.vertical ? '✅' : '❌'} vertical scrollbar</li>
            <li>{hasScrollbar.horizontal ? '✅' : '❌'} horizontal scrollbar</li>
          </ul>
          <div ref={ref}>...</div>
        </div>
      );
    }

    APIs

    • useFixInputFocusScroll()
    • useHasScrollbar()
    • useMutationObserver()
    • useQueryParams(opts)
      • opts.mode: 'auto'|'std'|'hash'|'mixed'

    License

    MIT © Qingrong Ke

    Keywords

    Install

    npm i @keqingrong/hooks

    DownloadsWeekly Downloads

    1

    Version

    0.2.0

    License

    MIT

    Unpacked Size

    60 kB

    Total Files

    15

    Last publish

    Collaborators

    • dearke