feat(react.perf): implement whyDidYouUpdate tool

kiki-le-singe · Sep 11, 2016 · 57a87e1 · 57a87e1
1 parent 06b75c6
commit 57a87e1
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -112,6 +112,7 @@ Lint all files in `~/src` and `~/__tests__`.
 * [Chai](http://chaijs.com/)
 * [Sinon.JS](http://sinonjs.org/)
 * [Enzyme](https://github.com/airbnb/enzyme)
+* [why-did-you-update](https://github.com/garbles/why-did-you-update)
 
 
 ## Styles

diff --git a/package.json b/package.json
@@ -67,6 +67,7 @@
     "serve-static": "^1.11.1",
     "webpack": "^1.13.2",
     "webpack-isomorphic-tools": "^2.5.8",
+    "why-did-you-update": "0.0.8",
     "yargs": "^5.0.0"
   },
   "devDependencies": {

diff --git a/src/client/index.jsx b/src/client/index.jsx
@@ -12,4 +12,10 @@ const store = configureStore(initialState)
 const history = syncHistoryWithStore(browserHistory, store)
 const root = (<Root history={history} store={store} />)
 
+if (!__PROD__) {
+  const { whyDidYouUpdate } = require('why-did-you-update')
+
+  whyDidYouUpdate(React)
+}
+
 ReactDOM.render(root, document.getElementById('root'))