{"_id":"@alemesa/react-use-window-size","_rev":"4-0b303c75ffc612de4f18b8c3c9349706","name":"@alemesa/react-use-window-size","dist-tags":{"latest":"1.0.6"},"versions":{"1.0.3":{"name":"@alemesa/react-use-window-size","version":"1.0.3","description":"React Hook that uses the intersection observer API","main":"index.js","scripts":{"major":"npm version major","minor":"npm version minor","test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/alemesa/react-use-window-size.git"},"keywords":["window size","react","hook","visibility"],"author":{"name":"Alejandro Mesa","email":"notalemesa@gmail.com","url":"https://alemesa.com/"},"license":"MIT","bugs":{"url":"https://github.com/alemesa/react-use-window-size/issues"},"homepage":"https://github.com/alemesa/react-use-window-size#readme","peerDependencies":{"react":">=16.8.0"},"devDependencies":{"react":"^16.8.1"},"_id":"@alemesa/react-use-window-size@1.0.3","_nodeVersion":"12.1.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Mdw/lFmv2P8jXO+GRUcsnz24e5K5LOU2iroa8EBxxgUJCj74KmyvadIblIF6FwYGu1IRVoycYuCHjoea79iFcg==","shasum":"d7eaf6284f6c24862519d1376e6e7b8eebe1514a","tarball":"https://registry.npmjs.org/@alemesa/react-use-window-size/-/react-use-window-size-1.0.3.tgz","fileCount":4,"unpackedSize":5078,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdBUJ4CRA9TVsSAnZWagAA82EQAJ1LH0rS2aHZXm/g5z7i\nnhOjH87TQkukfH9w5azt7bb06b0Kcp+YcbxjdWKSdJUEJHU6ntDfOl4XefLp\nPR2ECBIxKkVwjfJaDbuRvxKndzXOza/j7+K6LoV9M8QfuSfDpTrg56qcAzBC\nd8hgrv+zdQoZzAnrR/TXviDY1ETli1Spat/ZK3CuJet3ihK11RuN5BUz83Fo\nUdrpv15I4sz9USiMJ6e9+m9DUEF24m8OKGwaGiE8z7/22XFH/VQWWnCfMQpN\nuYYFzMEJssTpY9yDKIy4od9LYKnA/opkWSgUCsMOJ4OUqtjlMFjKspe+kb+U\nxk9HL3nJ5ud83ex2S7EF1I4c01p3bc2R4l+NkFJPZyzj3jZjWBoexy+a3VBL\nZnm5hY/TD0b/820v610xvSMoy4gSOC1PfSAb4F/gU/xa0Ai6sNsaufsOdUlE\nNxh1K9KUUIKQc+eNtClbIrtj8gAS13p+1jM/g7nNfxQr/fM9wpRI2h9mYPt8\nkMtJpXKojqqBXGXEKsoQSpwAIdKQS78yyGhFQqQGsvHQvvhLIHRV+MQxyhv9\n6vbYFfnv9nndJN2rlxJMkP7xq/S7zw3nv8ozDzYZiACnlaxyWAHeYLw0SAhf\n+dt7xG8jvc8w1LVssv75EAahsZQDdVSjHVJTojefNcu0fkD/VFz3wYn8Mxdx\n4NWy\r\n=Ws5W\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICaX+AUUeJEPZ+d46+QhaGMij10wjCyST2ScvVIS5maDAiEAnlKWM35Y+Numw/fpQK2UbYMfW7fG89yrQnR6wwkWsC4="}]},"maintainers":[{"name":"alemesa","email":"notalemesa@gmail.com"}],"_npmUser":{"name":"alemesa","email":"notalemesa@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-window-size_1.0.3_1560625784093_0.09927039230800139"},"_hasShrinkwrap":false},"1.0.4":{"name":"@alemesa/react-use-window-size","version":"1.0.4","description":"React Hook that uses the window size","main":"index.js","scripts":{"major":"npm version major","minor":"npm version minor","test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/alemesa/react-use-window-size.git"},"keywords":["window size","react","hook"],"author":{"name":"Alejandro Mesa","email":"notalemesa@gmail.com","url":"https://alemesa.com/"},"license":"MIT","bugs":{"url":"https://github.com/alemesa/react-use-window-size/issues"},"homepage":"https://github.com/alemesa/react-use-window-size#readme","peerDependencies":{"react":">=16.8.0"},"devDependencies":{"react":"^16.8.1","use-debounce":"^2.1.0"},"gitHead":"921cd94d6da9bdc711450ff1e7bf57b6d7b39ec4","_id":"@alemesa/react-use-window-size@1.0.4","_nodeVersion":"12.1.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-PdDzR+UWCOxgwrEFyS31HoFfQbzWJQtL9Ne3jmdl0wL9+Tqgw2CKxM5DYkNr4zLHMBQ4jXqCCr4TNfJHFDt2+g==","shasum":"d0e2b0736dfbe8846074b937f0ed58d46d1b7d35","tarball":"https://registry.npmjs.org/@alemesa/react-use-window-size/-/react-use-window-size-1.0.4.tgz","fileCount":4,"unpackedSize":4995,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdBUQ+CRA9TVsSAnZWagAAl7YQAJGcDSoTuLwnSyctSDsu\nw/0ntVBc+5NyEbc32+Cm5PaifovifMdDGeSwjXd9oSH2YDYppRDa7+5BxMNn\nqO0oTYcXXy3cflicUZaWpSVHb1unlP3KzQCEWT9EXt6WXuaMOhm+Si13rafs\n60PxebdRdd2jGzMNuCM7bWRab1EzoEejEukS0749bdxLnxFQMKQI7awwgMZP\nvEbRJOIRJSgOUepmyC5+vHQmgsgKhvRT5TTeYAtLQlXkYxluNaQxAPQkiCmU\nEJ373LvvCKtKtHmF//mIHf107K1WHd5+2VaHeAuhaEwbAZhSbQe3GHQGaNrT\nL1A295/H4yZg3QWHlT8bProF6p6TIqJQqnLleJzT2mZioxVizdUU2fZFa/m2\n6ilmwFoHKVMwEPXKtzaV37dTB1EPxxHaRYAUWkpzbKxZF/+9o4hxLj8l78Cy\ngLOOwv8DF6bzLSKuvAqLx/FCReEdWIvzo+KFAeiluQXjyghdExiDpnkR1PTm\nOCXut5s1dlhGm0feLoiqt1RygNPOTFCgisocZ03Qd+QNwa+5Inf07sjulGJ4\nbvnIWVZaVYcr/HlBbuGbUu/QIJ/II9U/hXyvJMd06OerAqcSUAgBbPnqkoAu\nJI4GfNSIlPeB/lNu3XENxQQVl9o8XuX7ko+myYuq4qjQV7v61pClhSSjtHdR\nxdUE\r\n=Qv6u\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDhIBQjkF3AG6seZ8lO00Om3WSco38wDlIyvs1q/ugacQIhAOCq6oV9q2uDE3u8BFIhooW0kqfW1LOQj22s/lX4n1N7"}]},"maintainers":[{"name":"alemesa","email":"notalemesa@gmail.com"}],"_npmUser":{"name":"alemesa","email":"notalemesa@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-window-size_1.0.4_1560626237596_0.8433976790472653"},"_hasShrinkwrap":false},"1.0.5":{"name":"@alemesa/react-use-window-size","version":"1.0.5","description":"React Hook that uses the window size","main":"index.js","scripts":{"major":"npm version major","minor":"npm version minor","test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/alemesa/react-use-window-size.git"},"keywords":["window size","react","hook"],"author":{"name":"Alejandro Mesa","email":"notalemesa@gmail.com","url":"https://alemesa.com/"},"license":"MIT","bugs":{"url":"https://github.com/alemesa/react-use-window-size/issues"},"homepage":"https://github.com/alemesa/react-use-window-size#readme","peerDependencies":{"react":">=16.8.0","use-debounce":"^2.1.0"},"devDependencies":{"react":"^16.8.1","use-debounce":"^2.1.0"},"gitHead":"921cd94d6da9bdc711450ff1e7bf57b6d7b39ec4","_id":"@alemesa/react-use-window-size@1.0.5","_nodeVersion":"12.1.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-/zzUoDpunO2yZsMIKZiWT9oV9YA5xnBVPBQwZGgUj0MiCtl92hQ4rODXvGDpY018liLoEzMnSXH5PJg44bEmTQ==","shasum":"5d1824f1f06f34913e0e573ce59bba458e988dd2","tarball":"https://registry.npmjs.org/@alemesa/react-use-window-size/-/react-use-window-size-1.0.5.tgz","fileCount":4,"unpackedSize":5035,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdBbpmCRA9TVsSAnZWagAAkcgP/RPvODA5/luDbSUG0xA9\n85Wa1OdcI5eZhY6Gukam8RpskZ228iOa1y9OjDRHELUYiJ78qCQBVqXAFs4I\nLsielQ2dAVGNAcodFnZTzT+YNfsRF/CasntD5+PTGv2zcA3kMVB9eWy+UKqr\ni7zOAvIspSLTwd+9XHcJRwxGTLEFlKYNTjQo079k3RwlsUR2r8B5zA9Xut+Z\nf7nlaO9BN/o73BCe6HtOhB+zjTMujY3G+KM/QcvQN2zec8JcX9vy2YHdkSyk\n36VYar4gr8GAvApwexsSPvR9Txqfu0iei7CCVwcOPfHB7FUwsaFTjwvynSMU\nciUgSY0zdgCqpb6dASITBvNS0c5sGxZOvI3euZJ1jsxRYivyRDOEvRnYOytA\ndYcWgtPUZbwAZg+JfRwqewOJf+kcj6RR4IUeaeDqiELeXQXHhO6t2Rqa1Sfd\n7o3nuNpbZPWH1sK6dJSUvcLGRwFE21PmkCHaYBtWVZCqaKt2c5zzcZu/+rG9\nFS5OQ3pctgQzlqChTwDA2oTe/R2kDFnuuFBopIBEvcFXwwbfMcNwJNCNncBk\nXeE5AZEQ0y2tMrstQpuAfT5E+RTVeGduJheaHyf66i1VGWHKG0rUXpjJ7QTm\nin++wZCqIgyloj92KFHl6m3/GuO0uyfDHGLjndWeBqL1y9BV1cR2O77CpIL9\n8ivW\r\n=ZN7K\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCu9/SV4nFlY0Pg7XbzDTbJrha4esjNx2QGnoaedsrhIQIhAJCgFKNLkMOYDmFCvfh+2FZvhF+ISvv/BwONXko3ucCj"}]},"maintainers":[{"name":"alemesa","email":"notalemesa@gmail.com"}],"_npmUser":{"name":"alemesa","email":"notalemesa@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-window-size_1.0.5_1560656485794_0.6555979498893443"},"_hasShrinkwrap":false},"1.0.6":{"name":"@alemesa/react-use-window-size","version":"1.0.6","description":"React Hook that uses the window size","main":"index.js","scripts":{"major":"npm version major","minor":"npm version minor","test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/alemesa/react-use-window-size.git"},"keywords":["window size","react","hook"],"author":{"name":"Alejandro Mesa","email":"notalemesa@gmail.com","url":"https://alemesa.com/"},"license":"MIT","bugs":{"url":"https://github.com/alemesa/react-use-window-size/issues"},"homepage":"https://github.com/alemesa/react-use-window-size#readme","dependencies":{"use-debounce":"^2.1.0"},"peerDependencies":{"react":">=16.8.0"},"devDependencies":{"react":"^16.8.1"},"gitHead":"2963a35ff4411cc3948123d07c4c07bb6ab5a3e3","_id":"@alemesa/react-use-window-size@1.0.6","_nodeVersion":"12.1.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Vx1Nvz9MN/vjQ5gmXKnQ4MYSgywnNS57PSw1PVy/qv2glttzuHm3aeAmIjWSykk+InXHVwBfFvTDsc3fR4WWHg==","shasum":"541d96bceb05098ec2a62dd57f8d127e9c29a68b","tarball":"https://registry.npmjs.org/@alemesa/react-use-window-size/-/react-use-window-size-1.0.6.tgz","fileCount":4,"unpackedSize":5029,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdBb1ECRA9TVsSAnZWagAAc+MQAKHffjOE6DVKhpbRPpAy\nYaGpCFN1/jIHjMbs0qqF51252IREIkcVfayv8WvuofdpoBhq2qBORL0c0+jE\ne2jOfVQxkEJMrsyG4wmWElpATOGYqohjkQaMuDkA+dB7JTZvjiYO7uyvHovv\nNVCG8G2n9ObVY7XFJnY0BoAXY+ct/zVBtVTod7AFxbP6ypCyKEdcef2CZgIP\nS+XUDanl42CloMBK5tt8+mgFMG/vBKYqnMvwCb/sgNbnibnEQGiJ4WvvuHLu\neT/2Ps6yKC5qB2zXGnjzyQP3FDdl1x0auCRxD7yVJ4gH9YyRr9GPBoMwXCqz\nn4YmtYqMx1vdahkXAp1fZK2LP7dwgaumq78b4K75s8vZCGBTngSmvOPQWUZY\nu+CHSWqzl4U/mwiDbIO+O+LaCym33VPITV35bsAOX8qqt7c2QEcvRKOR0ZEn\n2XPWGB5hXMg4upRnK9bpDFZTJKO98R9txvAN0jHfrgs+efQuo7BGKNen++KN\nlssEktfiqvepthaVQ0Mzd9qd7VBeHyNcXZDT4gJsbM7K8v+nQCKR/S3951zP\nANSNUNYJ/bGPVLL45LmMQQCkhP4V0dTthAsxeyS+Gc3vzE7o2sw86VWvQsRq\n4WalXDSQ2MORNnvmlT4f+Uy1nYNq7HOPWJ498FZ1KYGchSVlYMNDjP6/dj20\nN4Xg\r\n=VdFC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDAQ9x8LDXIJDPMvJlg5E6i/jG9+HjLJzAtahxI6zwdWgIhAK23ucYOrgBKS4eTm5+RGr/Pfa2oiYakhxNG0MGgITkb"}]},"maintainers":[{"name":"alemesa","email":"notalemesa@gmail.com"}],"_npmUser":{"name":"alemesa","email":"notalemesa@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-use-window-size_1.0.6_1560657220043_0.5361338123517474"},"_hasShrinkwrap":false}},"time":{"created":"2019-06-15T19:09:44.062Z","1.0.3":"2019-06-15T19:09:44.198Z","modified":"2022-04-04T12:37:26.145Z","1.0.4":"2019-06-15T19:17:17.694Z","1.0.5":"2019-06-16T03:41:25.928Z","1.0.6":"2019-06-16T03:53:40.307Z"},"maintainers":[{"name":"alemesa","email":"notalemesa@gmail.com"}],"description":"React Hook that uses the window size","homepage":"https://github.com/alemesa/react-use-window-size#readme","keywords":["window size","react","hook"],"repository":{"type":"git","url":"git+https://github.com/alemesa/react-use-window-size.git"},"author":{"name":"Alejandro Mesa","email":"notalemesa@gmail.com","url":"https://alemesa.com/"},"bugs":{"url":"https://github.com/alemesa/react-use-window-size/issues"},"license":"MIT","readme":"# react-use-window-size\n\n[![All Contributors](https://img.shields.io/badge/all_contributors-2-orange.svg?style=flat-square)](#contributors)\n\n[![Version](https://badge.fury.io/js/%40alemesa%2Freact-use-window-size.svg)](https://badge.fury.io/js/%40alemesa%2Freact-use-window-size)\n[![MIT license](http://img.shields.io/badge/license-MIT-brightgreen.svg)](http://opensource.org/licenses/MIT)\n![Size](https://img.shields.io/bundlephobia/min/@alemesa/react-use-window-size.svg)\n\n[![NPM](https://nodeico.herokuapp.com/@alemesa/react-use-window-size.svg)](https://npmjs.com/package/@alemesa/react-use-window-size)\n\n[React Hook](https://reactjs.org/docs/hooks-intro.html) that uses the window size\n\n#### Usage\n\n```bash\nnpm i @alemesa/react-use-window-size\n```\n\n---\n\n- Example Codesanbox:\n\n[![Edit react-use-window-size](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/wizardly-microservice-koxej?fontsize=14)\n\n---\n\n- Simple Example:\n  Check Window Size\n\n```javascript\nimport React, { useRef, useEffect } from \"react\";\nimport useWindowSize from \"@alemesa/react-use-window-size\";\n\nconst Header = React.memo(() => {\n  // Pass a reference to the custom hook\n  // Set the debounce to 100ms - would be 250 by default\n  const windowSize = useWindowSize(100);\n\n  useEffect(() => {\n    if (windowSize.innerWidth > 1000) {\n      // Bigger than 1000px\n      console.log(\"bigger than 1000px\");\n    }\n  }, [windowSize]);\n\n  return <h3>Example</h3>;\n});\n\nexport default Header;\n```\n\n## Contributors\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore -->\n<table><tr><td align=\"center\"><a href=\"https://alemesa.com\"><img src=\"https://avatars3.githubusercontent.com/u/14832910?v=4\" width=\"100px;\" alt=\"Alejandro Mesa\"/><br /><sub><b>Alejandro Mesa</b></sub></a><br /><a href=\"#infra-alemesa\" title=\"Infrastructure (Hosting, Build-Tools, etc)\">🚇</a> <a href=\"https://github.com/alemesa/react-use-window-size/commits?author=alemesa\" title=\"Code\">💻</a></td></tr></table>\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md"}