{"_id":"react-utils","_rev":"323025","name":"react-utils","description":"React: useful utils and mixins (WindowSizeWatch, ViewportWatch, ...)","dist-tags":{"latest":"1.0.0"},"maintainers":[{"name":"denisizmaylov","email":"izmaylov.dm@gmail.com"}],"time":{"modified":"2021-06-04T01:33:46.000Z","created":"2015-02-09T16:41:44.117Z","1.0.0":"2015-02-09T16:41:44.117Z"},"users":{},"author":{"name":"Denis Izmaylov"},"repository":{"type":"git","url":"https://github.com/DenisIzmaylov/react-utils.git"},"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","size":1414,"noattachment":false,"key":"/react-utils/-/react-utils-1.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-utils/download/react-utils-1.0.0.tgz"},"directories":{},"publish_time":1423500104117,"_cnpm_publish_time":1423500104117,"_hasShrinkwrap":false}},"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","_attachments":{},"homepage":"https://github.com/DenisIzmaylov/react-utils","bugs":{"url":"https://github.com/DenisIzmaylov/react-utils/issues"},"license":"ISC"}