General react performance improvements (#2796)

* General React performance improvements

* Cleaned up unused props/state in PermaLinkView and PostFocusView

1 files changed, 11 insertions, 6 deletions

diff --git a/webapp/components/more_channels.jsx b/webapp/components/more_channels.jsx
index 04c613ce5..087db68e6 100644
--- a/webapp/components/more_channels.jsx
+++ b/webapp/components/more_channels.jsx
@@ -2,17 +2,22 @@
 // See License.txt for license information.
 
 import $ from 'jquery';
-import ReactDOM from 'react-dom';
+import LoadingScreen from './loading_screen.jsx';
+import NewChannelFlow from './new_channel_flow.jsx';
+
+import ChannelStore from 'stores/channel_store.jsx';
+
 import * as Utils from 'utils/utils.jsx';
 import * as AsyncClient from 'utils/async_client.jsx';
 import * as GlobalActions from 'action_creators/global_actions.jsx';
-import ChannelStore from 'stores/channel_store.jsx';
-import LoadingScreen from './loading_screen.jsx';
-import NewChannelFlow from './new_channel_flow.jsx';
 
 import {FormattedMessage} from 'react-intl';
 import {browserHistory} from 'react-router';
 
+import React from 'react';
+import ReactDOM from 'react-dom';
+import PureRenderMixin from 'react-addons-pure-render-mixin';
+
 import loadingGif from 'images/load.gif';
 
 function getStateFromStores() {
@@ -22,8 +27,6 @@ function getStateFromStores() {
     };
 }
 
-import React from 'react';
-
 export default class MoreChannels extends React.Component {
     constructor(props) {
         super(props);
@@ -33,6 +36,8 @@ export default class MoreChannels extends React.Component {
         this.handleNewChannel = this.handleNewChannel.bind(this);
         this.createChannelRow = this.createChannelRow.bind(this);
 
+        this.shouldComponentUpdate = PureRenderMixin.shouldComponentUpdate.bind(this);
+
         var initState = getStateFromStores();
         initState.channelType = '';
         initState.joiningChannel = -1;