{"_id":"react-utils","_rev":"4-2aa9c3f2cb271a2acd83eb64da9ce063","name":"react-utils","description":"React: useful utils and mixins (WindowSizeWatch, ViewportWatch, ...)","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"react-utils","version":"1.0.0","description":"React: useful utils and mixins (WindowSizeWatch, ViewportWatch, ...)","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/DenisIzmaylov/react-utils.git"},"keywords":["react"],"author":{"name":"Denis Izmaylov"},"license":"ISC","bugs":{"url":"https://github.com/DenisIzmaylov/react-utils/issues"},"homepage":"https://github.com/DenisIzmaylov/react-utils","gitHead":"d6935ca73f3353d21cb86c3e12219d3e6d961e62","_id":"react-utils@1.0.0","_shasum":"57255994c876f2313271f9c1b1a49ee06b5c6aeb","_from":".","_npmVersion":"1.4.23","_npmUser":{"name":"denisizmaylov","email":"izmaylov.dm@gmail.com"},"maintainers":[{"name":"denisizmaylov","email":"izmaylov.dm@gmail.com"}],"dist":{"shasum":"57255994c876f2313271f9c1b1a49ee06b5c6aeb","tarball":"https://registry.npmjs.org/react-utils/-/react-utils-1.0.0.tgz","integrity":"sha512-K7jaCSa/J6uVzL3MX4H9ZM3Ri3ZJubliwR4lqvdfEuFhD8I1bHu1fyUl6xTr3ZF0rK0jgQCHhHmbUbkgTgMfTw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCdzoLpqWmohULroXn7bp5IHqMt/ZT/PMgKtugKSbqtIAIhAJRdblJk/I+sfUpSoxSIwsjWHI1R7/lFC1oA5wBSWlXB"}]}}},"readme":"# React Utils\nReact: useful utils and mixins (WindowSizeWatch, ViewportWatch, ...)\n\nInstallation\n------------\nRun ```npm install react-utils --save```\n\nUsage\n-----\n\n##Mixins##\nUseful mixins which can help you to build your components more quick and clean.\n\n####WindowSizeWatch####\n```javascript\nvar React = require('react');\nvar ReactUtils = require('react-utils');\nmodule.exports = React.createClass({displayName: 'MyComponent1',\n  mixins: [ReactUtils.Mixins.WindowSizeWatch],\n  // ...\n  onWindowResize: function (event) {\n    console.log(event.width, event.height);\n  },\n});\n```\n\n####ViewportWatch####\n```javascript\nvar React = require('react');\nvar ReactUtils = require('react-utils');\nmodule.exports = React.createClass({displayName: 'MyComponent1',\n  mixins: [ReactUtils.Mixins.ViewportWatch],\n  // ...\n  onViewportChange: function (viewport) {\n    console.log(viewport.scrollLeft, viewport.scrollTop);\n    console.log(viewport.innerWidth, viewport.innerHeight);\n    console.log(viewport.outerWidth, viewport.outerHeight);\n  },\n});\n```\n","maintainers":[{"name":"denisizmaylov","email":"izmaylov.dm@gmail.com"}],"time":{"modified":"2022-06-26T08:49:14.736Z","created":"2015-02-09T16:41:44.117Z","1.0.0":"2015-02-09T16:41:44.117Z"},"homepage":"https://github.com/DenisIzmaylov/react-utils","keywords":["react"],"repository":{"type":"git","url":"https://github.com/DenisIzmaylov/react-utils.git"},"author":{"name":"Denis Izmaylov"},"bugs":{"url":"https://github.com/DenisIzmaylov/react-utils/issues"},"license":"ISC","readmeFilename":"README.md"}