├── README.md
├── index.js
└── package.json


/README.md:
--------------------------------------------------------------------------------
 1 | # react-render-time
 2 | 
 3 | React hook to check how much does it take to render  
 4 | ![Image](https://user-images.githubusercontent.com/4208480/48386572-7e056100-e703-11e8-84ba-4ac2f175ba6b.png)
 5 | 
 6 | ## Demo
 7 | 
 8 | [![Edit rw0y7j0z9n](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/rw0y7j0z9n)
 9 | 
10 | ## Installation
11 | 
12 | ```
13 | yarn add react-render-time
14 | ```
15 | 
16 | ## Usage
17 | 
18 | ```js
19 | import React from "react"
20 | import useRenderTime from "react-render-time"
21 | 
22 | const App = () => {
23 |   useRenderTime("App")
24 | 
25 |   return (
26 |     <div>
27 |       <h1>Hello there</h1>
28 |     </div>
29 |   )
30 | }
31 | ```
32 | 


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
 1 | import React from "react"
 2 | 
 3 | export default function useRenderTime(name) {
 4 |   console.time(name + " rendered")
 5 | 
 6 |   React.useEffect(() => {
 7 |     console.timeEnd(name + " rendered")
 8 |   })
 9 | }
10 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "react-render-time",
 3 |   "version": "0.1.2",
 4 |   "description": "React hook to check how much does it take to render",
 5 |   "keywords": [
 6 |     "react",
 7 |     "hook",
 8 |     "render",
 9 |     "time"
10 |   ],
11 |   "peerDependencies": {
12 |     "react": "^16.7.0-alpha.0",
13 |     "react-dom": "^16.7.0-alpha.0"
14 |   }
15 | }
16 | 


--------------------------------------------------------------------------------