Use PureRenderMixin

Author: Emmanouil Konstantinidis

package.json

@@ -57,6 +57,7 @@
     "octicons": "=3.5.0",
     "react": "=15.0.2",
     "react-addons-css-transition-group": "=15.0.2",
+    "react-addons-pure-render-mixin": "=15.0.2",
     "react-addons-test-utils": "=15.0.2",
     "react-dom": "=15.0.2",
     "react-emojione": "=1.1.1",

src/js/components/all-read.js

@@ -1,14 +1,15 @@
-import React from 'react';
 import _ from 'underscore';
+import React from 'react';
+import PureRenderMixin from 'react-addons-pure-render-mixin';
 import malarkey from 'malarkey';
 import {emojify} from 'react-emojione';
 
 import constants from '../utils/constants';
 
 export default class AllRead extends React.Component {
-
-  shouldComponentUpdate(nextProps, nextState) {
-    return false;
+  constructor(props) {
+    super(props);
+    this.shouldComponentUpdate = PureRenderMixin.shouldComponentUpdate.bind(this);
   }
 
   componentDidMount() {

src/js/components/oops.js

@@ -1,12 +1,14 @@
-import React from 'react';
 import _ from 'underscore';
+import React from 'react';
+import PureRenderMixin from 'react-addons-pure-render-mixin';
 import {emojify} from 'react-emojione';
 
 import constants from '../utils/constants';
 
 export default class Oops extends React.Component {
-  shouldComponentUpdate(nextProps, nextState) {
-    return false;
+  constructor(props) {
+    super(props);
+    this.shouldComponentUpdate = PureRenderMixin.shouldComponentUpdate.bind(this);
   }
 
   render() {