v0.2.6; giving the README some TLC and a clear MIT license

Author: rob2d

README.md

@@ -1,15 +1,17 @@
 # use-viewport-sizes #
 
-tiny React hook which allows you to track visible window viewport size in your components w/ an optional debounce for updates for optimal rendering.
+![npm](https://img.shields.io/npm/v/use-viewport-sizes.svg?color=blue) ![David](https://img.shields.io/david/rob2d/use-viewport-sizes.svg) ![npm](https://img.shields.io/npm/dw/use-viewport-sizes.svg?color=red) ![GitHub issues](https://img.shields.io/github/issues-raw/rob2d/use-viewport-sizes.svg) ![NPM](https://img.shields.io/npm/l/use-viewport-sizes.svg)
+
+a tiny React hook which allows you to track visible window viewport size in your components w/ an optional debounce for updates for optimal rendering.
 
 ## Installation ##
 
 ```
 npm install -D use-viewport-sizes
 ```
 
-## Benefits
-- extremely lightweight and dependency-free -- **2.25kb with no gzip compression**
+## Benefits ##
+- extremely lightweight and dependency-free -- **2.25kb** before gzipping.
 - only one `window.onresize` handler used to subscribe to any changes in an unlimited number of components.
 - optional debounce to delay updates until user stops dragging their window for a moment; this can make expensive components with size-dependent calculations run much faster and your app feel smoother.
 - debouncing does not create new handlers or waste re-renders in your component; the results are also pooled from only one resize result.
@@ -24,7 +26,7 @@ npm install -D use-viewport-sizes
 ### **Without Debouncing**
 *registers dimension changes on every resize event immediately*
 
-```
+```js
 import React from 'react'
 import useViewportSizes from 'use-viewport-sizes'
 
@@ -39,7 +41,7 @@ function MyComponent (props) {
 ### **With Debouncing**  
 *registers dimension changes only when a user stops dragging/resizing the window for a specified number of miliseconds; for expensive components such as data grids which may be too
 expensive to re-render during window resize dragging.*
-```
+```js
 import React from 'react'
 import useViewportSizes from 'use-viewport-sizes'
 
@@ -56,7 +58,7 @@ function MyExpensivelyRenderedComponent (props) {
 
 *Sidenote that you will see a `useLayoutEffect` warning from React. This is perfectly normal as there is no viewport/context to paint to when pre-rendering in SSR and will not interfere with your app once served to the client*
 
-```
+```js
 import React, { useLayoutEffect } from 'react'
 import useViewportSizes from 'use-viewport-sizes'
 
@@ -71,4 +73,14 @@ function MySSRComponent (props) {
 
     ...renderLogic
 }
-```
+```
+
+## Support
+If you have read the examples and have any issues which you know are glitches,or would like to request something changed, please feel free to [post an issue on Github](https://github.com/rob2d/use-viewport-sizes/issues/new). 
+
+Otherwise, if this was useful and you'd like to show your support, no donations necessary, but please consider [checking out the repo](https://github.com/rob2d/use-viewport-sizes) and giving a star.
+
+## License ##
+
+- Open Source **[MIT license](http://opensource.org/licenses/mit-license.php)**
+- 2019 © <a href="http://robertconcepcion.com" target="_blank">Robert Concepción III</a>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "use-viewport-sizes",
-  "version": "0.2.5",
-  "description": "tiny React hook which allows you to track visible window viewport size in your components w/ an optional debounce for updates for optimal rendering.",
+  "version": "0.2.6",
+  "description": "tiny React hook for tracking visible window viewport size in your components w/ an optional debounce for optimal rendering.",
   "main": "build/index.js",
   "scripts": {
     "start": "webpack --watch",