{"_id":"@andreyradkevichasap/use-screen-width","_rev":"3-db139530b0f39e604ae35e5313660efd","name":"@andreyradkevichasap/use-screen-width","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.1":{"name":"@andreyradkevichasap/use-screen-width","version":"0.0.1","keywords":["react","hook","screen size","get height and width with react hook"],"description":"The reason why I've created this hook , was problem which I've met when I used other existing hooks , and  there was problem in getting width and height on different devices and it wasn't working on rotation changing  event, etc . This hooks works properl","_id":"@andreyradkevichasap/use-screen-width@0.0.1","_nodeVersion":"11.15.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-c15pqfJMY0Nr0uh70GoUzEQQHLDcTFwstxV5b3p+rtMy8RJtBp+YhX+h2efRDRnTNL5tQ/Raymx8qh14GAFqiA==","shasum":"12b954aef2b1fb6bfa2c0477b7d09eafef1c521f","tarball":"https://registry.npmjs.org/@andreyradkevichasap/use-screen-width/-/use-screen-width-0.0.1.tgz","fileCount":3,"unpackedSize":1511,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJebId3CRA9TVsSAnZWagAADKQP/0+LMj940j2BB6XVdcZg\ntEvAIB3rM27MAwSWEeF4gq3dyl53lvpwxzbras02Ad32iVm4mxTmc4qOH7rp\nrBR8avDkFbxH5hi62CkW2XJJq/P45VJ2bN5Jl6wXDwiHJp/uKl4JAojJyk5j\nKiCJmns/TgBapki0ridM01a3e5KIUVarqJFM4VredqwIqezZ8TFjTnFkphus\nNfINWEEg5HoasxzPSoCK2Gog5ncpvfRoWCKHKyP59evlri7JN9cx+I2Zk9dW\naMzXuqTlY/Y/3V0eJdCjYa6VpAkOAk0nS1HGA+4AhiLxxkoz0CUo+UGLrUFR\n6/+gUezZo8ceFA/k2LLfseJRd8HyzSAmkjlp3n6zixM6dAgw758WrzAehWyT\nRqAnaodRnIK3RwauJnQHAPHJnv+9QF/i/SHobWXg7vJ+hHHiz/5JIgRha+pU\njkfEkQWKP9XyInNwpKF+CR+cUQprCJ6LIu6C+homeJ7gznnlbsOtJyRG6MK2\nWi3wvTf0i1d5ATDHiqbwVRlvRGQM2bhKEMLz0qHsqdFoNBuZCUPBjb/Rw4Y0\njbyTdGzL3tTIfCjvhXD//NjpbDvn06UIUnV2R5XaufJfcth6eeTSvIENuZYg\nYOrCD6RRwFZf7CYAymorVKvx/2jGE+K17mYVykusQLTywSvXcs0aq22mz3t/\nUnmb\r\n=pTHJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHRAxADNqk4MYeZhj4v08tQfl/5tFucMRJpy5tIws0OuAiEAhxDl7CwGNZVH+gerIOQL7jO1vDxl6qWlnt25k72QB+w="}]},"maintainers":[{"name":"andreyradkevichasap","email":"andreyradkevichasap@gmail.com"}],"_npmUser":{"name":"andreyradkevichasap","email":"andreyradkevichasap@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-screen-width_0.0.1_1584170871152_0.31192618580277465"},"_hasShrinkwrap":false},"0.0.2":{"name":"@andreyradkevichasap/use-screen-width","version":"0.0.2","keywords":["react","hook","screen size","get height and width with react hook"],"description":"The reason why I've created this hook , was problem which I've met when I used other existing hooks , and  there was problem in getting width and height on different devices and it wasn't working on rotation changing  event, etc . This hooks works properl","_id":"@andreyradkevichasap/use-screen-width@0.0.2","_nodeVersion":"11.15.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-BVgaWV4b1wb0Sp5dTOpJgFhqlIQgWcOtMJVAex8uTjJnSxFtR8qyLWWfA1Icm0jkPB0UjDYxY4dsxtzs48o5ZQ==","shasum":"c644fb770bd02f43ab51cedc809e45a4990f95d8","tarball":"https://registry.npmjs.org/@andreyradkevichasap/use-screen-width/-/use-screen-width-0.0.2.tgz","fileCount":3,"unpackedSize":1525,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJebIiDCRA9TVsSAnZWagAAZ38P/3O8t9IG1RrpgEgN2+wu\n/+lT78A6x7mmJgQzXy9mZA18atJW3BmlsJNSRYcgSRKBNZUx66o66PLw3ivq\n5uW5suVG5hPJwuJd0jwbnMiH+wviNGog3HC9VYozKZ309Es0ByUeudxBI5Gy\nQq3L+j8VVeKRwXgQa8vGZSNdtsYDzLnuSAaEyFuPN7pDLG5713QhegyLnqMq\nooWRlZGPK8y3Yllg17RxFK7jvuTbEUWfKqHPYyB6JW5p2Vs6AikTFytoWqBp\noUgjGyVLlEC+k8aO+dsERrC7dMKyuWaadiwof821mV53qOinfVoPdmzmiEQF\nsB6Y53ZP5l1O6BKj43Hx5wBsVUg6cyFitJF5Ij7pXeUsaL3UEuvEhdRYUu9Y\nKgcj7FpieklNDybM3k3jwa0GRTYnh2VVS62UrqyH7IINycLYyQxkI8aYe9Ow\nzZVywsNhOSsAmGXwIPUCEudthmJIhdfekAjViT0tN9u4cXhRKbiInfrvjy+w\n+Ss8U5snmhzkXmNAs3Drh1GV+4iSlODWhcfVMuKmmt3PtVrH0L4LPgUJaPz4\niZxWgrOPw4nX+BOQ4GR7ihhZHTafbByJqlzLPpVqR4rqJnYOtyzjldFpiX0m\nDQHRmh0lKhPVwm7/9rv1xvsdJTBY+j7TAZaASJ++XvRKTQH9ryZYu15TGvGl\nd6yX\r\n=08k1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBIVZu5R/QsuzwKf29MedUJBoXIgcoBuk/EE/S+n8n36AiEA2yuYmiPK/b24eP6Y2JvZi+ld9VWdluDinxhmLh1XPhI="}]},"maintainers":[{"name":"andreyradkevichasap","email":"andreyradkevichasap@gmail.com"}],"_npmUser":{"name":"andreyradkevichasap","email":"andreyradkevichasap@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-screen-width_0.0.2_1584171138614_0.22699561094188603"},"_hasShrinkwrap":false},"0.0.3":{"name":"@andreyradkevichasap/use-screen-width","version":"0.0.3","keywords":["react","hook","screen size","get height and width with react hook"],"description":"The reason why I've created this hook , was problem which I've met when I used other existing hooks , and  there was problem in getting width and height on different devices and it wasn't working on rotation changing  event, etc . This hooks works properl","_id":"@andreyradkevichasap/use-screen-width@0.0.3","_nodeVersion":"11.15.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-PGWmXussfQpLHEtJ6xnt9cz7ZP2RGgnJzWXYeNbUCVJFl+neENGS80SIEjFWT3KhMVG6IjZ533nW6IE7aTq3yA==","shasum":"82d28a7b9fe0544d9c1fd9d5d9a77120cff7cf16","tarball":"https://registry.npmjs.org/@andreyradkevichasap/use-screen-width/-/use-screen-width-0.0.3.tgz","fileCount":3,"unpackedSize":1730,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJebInBCRA9TVsSAnZWagAAv/AQAKJPamzkLL9EhfC8T6kF\ntBkri5twSuMQvE2lo1T5f2IHUA2j1owESyR91XvmMgDRT5UuNutsFvkdcxza\nvxQ86r8MDnpMhVUPNzvDGhOI+jkfZw1Gc4Dp3Izj/hNtLky+qcJFZ5lLkm2l\nt9zv6NqykvvMwVKxC0d9M7IVj692zqsI6d5Q5bwEd4kqZilUjT7CCG/HvqSC\ngtRp5HnoR+rlwswoajRAKaGu970HnaH3MLs1QQOcRfVmh8uh64qvKcz1t9rc\n0VMOeZ9GfMU+eNPYnRPjtYnxw1p/v9ikNtM4ejqkMMNzEMPgkVn91ux2C2Bx\nLb6uJj5vRkV253CndK4lUWmQ6k2nBht9lxFAWz+CnnlENKFRImlwL5SVklDV\nbxrDOTeLhfvKFSuThgggcsfIkdTUr/om1zICrgK7TJKMs5A3kwZApr5b0a/m\nJRNAURXashTWIGxxuOOCrTuoRzVhCEuZFumSJjML0RfWtMsBD+quPVL/h303\n//dooseKsl4ZkBHZOqaj9/plqA0NjTbXM5ktGUaWjRXUY5a/A4+yJqgxB7CO\n5/rK/G9eI7ZATAo0L8f5Bd7PmIikr6AXlP1QzddTwrncVohGsq/Q8k3TLgZH\nNk39HqP96uII3xBdl/0rCFNGanqd/tJhghsWv4DIc3XLDCKxLuu2ZAR19ii8\nrLLn\r\n=6Qxn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICfXu+9dfdkRrq4zkk89wd8pFiHYl8rV+GJdRzhNVPi8AiAlxIsuaTSAVeuvI8xlt0P8Gt1m+vnZ6qbEFf1fQ4+cuQ=="}]},"maintainers":[{"name":"andreyradkevichasap","email":"andreyradkevichasap@gmail.com"}],"_npmUser":{"name":"andreyradkevichasap","email":"andreyradkevichasap@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-screen-width_0.0.3_1584171457462_0.8602676323860261"},"_hasShrinkwrap":false}},"time":{"created":"2020-03-14T07:27:50.898Z","0.0.1":"2020-03-14T07:27:51.428Z","modified":"2022-04-04T14:02:18.679Z","0.0.2":"2020-03-14T07:32:18.730Z","0.0.3":"2020-03-14T07:37:37.617Z"},"maintainers":[{"name":"andreyradkevichasap","email":"andreyradkevichasap@gmail.com"}],"description":"The reason why I've created this hook , was problem which I've met when I used other existing hooks , and  there was problem in getting width and height on different devices and it wasn't working on rotation changing  event, etc . This hooks works properl","keywords":["react","hook","screen size","get height and width with react hook"],"readme":"The reason why I've created this hook , was problem which I've met when I used other existing hooks , and \nthere was problem in getting width and height on different devices and it wasn't working on rotation changing \nevent, etc . This hooks works properly for each device. It is tested on my own project . Hope it will help \nto someone .\n\n<a href=\"https://codesandbox.io/s/trusting-sara-of3e8?fontsize=14&hidenavigation=1&theme=dark\">\n  <img alt=\"Edit use-screen-width-hook\" src=\"https://codesandbox.io/static/img/play-codesandbox.svg\">\n</a>\n\n\n\n```javascript\nimport useScreenWidth from \"@andreyradkevichasap/use-screen-width\";\n\nconst YourComponent = () => {\n  const { width, height } = useScriptLoader();\n\n  //.... using height and width inside your component\n};\n```","readmeFilename":"README.md"}