{"_id":"@alizeait/use-debounce","_rev":"1-cc95e4d1e30cc51a53a14d8f09bff436","name":"@alizeait/use-debounce","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@alizeait/use-debounce","version":"1.0.0","description":"React hook to debounce values","scripts":{"build":"microbundle","dev":"microbundle watch","test":"yarn jest"},"main":"dist/index.js","module":"dist/index.module.js","unpkg":"dist/index.umd.js","browser":"dist/index.modern.js","exports":{".":{"browser":"./dist/index.module.js","import":"./dist/index.module.js","require":"./dist/index.js"},"./package.json":"./package.json"},"repository":{"type":"git","url":"git+https://github.com/alizeait/use-debounce.git"},"keywords":["debounce","react debounce","use-debounce"],"author":{"name":"Ali Zeaiter","email":"rassoali.arz@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/alizeait/use-debounce/issues"},"homepage":"https://github.com/alizeait/use-debounce#readme","devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-test-renderer":"^17.0.2","@testing-library/react":"12.1.3","@types/react":"^17.0.39","@types/jest":"^27.4.0","codecov":"^3.8.3","jest":"^27.5.1","microbundle":"^0.14.2","ts-jest":"^27.1.3","typescript":"^4.5.5"},"peerDependencies":{"react":"^16.3.0 || ^17.0.0"},"publishConfig":{"access":"public"},"gitHead":"a40ae1f3637bf765def4116514130fe8fdf5e13a","_id":"@alizeait/use-debounce@1.0.0","_nodeVersion":"16.0.0","_npmVersion":"7.10.0","dist":{"integrity":"sha512-CfzB9iUFPlfj0nu4deUZFmGreqwmT3QGRZSYM/0HTqFfLLY5Wnljka5SxeZVY1E8EmE3tkRy4/Dsj3ToXG7ghA==","shasum":"a28db5c919cdd89660230f7c49eafc62008df49d","tarball":"https://registry.npmjs.org/@alizeait/use-debounce/-/use-debounce-1.0.0.tgz","fileCount":11,"unpackedSize":10640,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiH/S/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpLYQ//ey/Va6oXcGcCCHQCOpC0iE86aaDJ/h5GDu7G2APMoCWcB8/Z\r\njyZtROVDeqBpZmWrZNH0d7fCE3ywYhn2cwY5Nmmid3/0QGcY6JxRzFvuPRn8\r\nBtrwaQ7Gsm1pYa0JGow8SQSJkguIRw9e8Bu3zy7ptB6KwV6Ct4EmAcXZxFDE\r\n4qCo0fQcXzHpbv+LYrxkSzsr1EP1rj3BkVmv4PGMZ7V3HE65aad45w11vf9K\r\nCcC2G6JE8BthilcdKsx4h0fH2ofKdwwC8rj9wWxI3cygKWsgvzo6YW7Srh5Z\r\nWL2EbpqsyDlcpdL/fyao1BwqsAXwyVbJj1VpHx2Oh1rrTQ7WgKikuKQd1GYP\r\nTihomogo9JAj55GMxHQNI/RI7tvoUoCxoRUEpKUnm31YrnUaCmnKsL8JaigV\r\nO8erv9HeZG8I3Yht5FAk3ZATht/Fd6yUYKqnSquhyY1P3ZJkV7wAZ/kCeDwu\r\ntubS2Eyms+iOazV3ymElVGAo9TaEhRgVPW/KL4QmidIk2+QREgQU41DYS9WT\r\nIzg7/DmrqhZEyecjgAobqKEX8dC7MQ2Gdedexqgj/v+b2Oo8wo7kyYOhAk4E\r\nzqipa8eimowUGojcSBK0b978fXIQQwNlW0M+z9NpmEJ5j7xB1PjuWnxJAt3+\r\noT0Fpr4Go7upw/1lsqMMRbzTCdNGpDTCIgs=\r\n=jv+/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDCyQx/21WS9g9JTjHzkVJ3HS8WDfAOjdTee51pyHHUjQIhAIvYqCmYbfDif9D697o4rk4CCplS+/i1HS2yRCuv/c0A"}]},"_npmUser":{"name":"alizeait","email":"ali.zeaiter@volvocars.com"},"directories":{},"maintainers":[{"name":"alizeait","email":"ali.zeaiter@volvocars.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-debounce_1.0.0_1646261439766_0.362122624590852"},"_hasShrinkwrap":false}},"time":{"created":"2022-03-02T22:50:39.709Z","1.0.0":"2022-03-02T22:50:39.930Z","modified":"2022-04-04T13:28:42.766Z"},"maintainers":[{"name":"alizeait","email":"ali.zeaiter@volvocars.com"}],"description":"React hook to debounce values","homepage":"https://github.com/alizeait/use-debounce#readme","keywords":["debounce","react debounce","use-debounce"],"repository":{"type":"git","url":"git+https://github.com/alizeait/use-debounce.git"},"author":{"name":"Ali Zeaiter","email":"rassoali.arz@gmail.com"},"bugs":{"url":"https://github.com/alizeait/use-debounce/issues"},"license":"MIT","readme":"# use-debounce ![Check](https://github.com/alizeait/use-debounce/workflows/Check/badge.svg) ![Coverage](https://img.shields.io/codecov/c/github/alizeait/use-debounce)\r\n\r\n> A tiny (~230B) debounce hook.\r\n\r\nCreates a debounced value that gets updated after `delay` milliseconds have\r\nelapsed since the last time `useDebounce` was invoked.\r\nIf `delay` is omitted in an environment with `requestAnimationFrame`, value will be debounced until the\r\nnext frame is drawn (typically about 16ms).\r\n\r\n## Installation\r\n\r\n```bash\r\n$ yarn add @alizeait/use-debounce\r\n```\r\n\r\nor\r\n\r\n```bash\r\n$ npm install @alizeait/use-debounce\r\n```\r\n\r\n## Usage\r\n\r\n```jsx\r\nimport React, { useState } from \"react\";\r\nimport { useDebounce } from \"@alizeait/use-debounce\";\r\n\r\nexport default function Input() {\r\n  const [value, setValue] = useState(\"Initial\");\r\n  const debouncedValue = useDebounce(value, 1000);\r\n\r\n  return (\r\n    <div>\r\n      <input\r\n        defaultValue=\"Initial\"\r\n        onChange={(e) => {\r\n          setValue(e.target.value);\r\n        }}\r\n      />\r\n      <p>Actual value: {value}</p>\r\n      <p>Debounced value: {debouncedValue}</p>\r\n    </div>\r\n  );\r\n}\r\n```\r\n\r\n## API\r\n\r\n### useDebounce<T>(value:T, delay?:number)\r\n\r\nReturns: `value`\r\n","readmeFilename":"README.md"}