Including pure render decorator

Author: marcusvmsa

client/app/bundles/comments/components/CommentBox/CommentBox.jsx

@@ -1,12 +1,11 @@
 import React, { PropTypes } from 'react';
+import pureRender from 'pure-render-decorator';
 
 import CommentForm from './CommentForm/CommentForm';
 import CommentList from './CommentList/CommentList';
-
 import css from './CommentBox.scss';
 
 export default class CommentBox extends React.Component {
-
   static propTypes = {
     pollInterval: PropTypes.number.isRequired,
     actions: PropTypes.object.isRequired,

client/app/bundles/comments/components/CommentBox/CommentForm/CommentForm.jsx

@@ -1,4 +1,5 @@
 import React, { PropTypes } from 'react';
+import ReactDOM from 'react-dom';
 import Input from 'react-bootstrap/lib/Input';
 import Row from 'react-bootstrap/lib/Row';
 import Col from 'react-bootstrap/lib/Col';
@@ -7,12 +8,12 @@ import NavItem from 'react-bootstrap/lib/NavItem';
 import Alert from 'react-bootstrap/lib/Alert';
 import ReactCSSTransitionGroup from 'react/lib/ReactCSSTransitionGroup';
 import _ from 'lodash';
+import pureRender from 'pure-render-decorator';
 
 const emptyComment = { author: '', text: '' };
 const textPlaceholder = 'Say something using markdown...';
 
 export default class CommentForm extends React.Component {
-
   static propTypes = {
     isSaving: PropTypes.bool.isRequired,
     actions: PropTypes.object.isRequired,
@@ -78,7 +79,7 @@ export default class CommentForm extends React.Component {
     if (this.state.formMode < 2) {
       ref = this.refs.text.getInputDOMNode();
     } else {
-      ref = React.findDOMNode(this.refs.inlineText);
+      ref = ReactDOM.findDOMNode(this.refs.inlineText);
     }
 
     ref.focus();

client/app/bundles/comments/components/CommentBox/CommentList/Comment/Comment.jsx

@@ -1,10 +1,17 @@
 import React, { PropTypes } from 'react';
 import marked from 'marked';
+import pureRender from 'pure-render-decorator';
 
+<<<<<<< HEAD:client/app/bundles/comments/components/CommentBox/CommentList/Comment/Comment.jsx
 import css from './Comment.scss';
 
 export default class Comment extends React.Component {
 
+=======
+@pureRender
+class Comment extends React.Component {
+  static displayName = 'Comment';
+>>>>>>> Including pure render decorator:client/app/bundles/Comments/components/Comment.jsx
   static propTypes = {
     author: PropTypes.string.isRequired,
     text: PropTypes.string.isRequired,

client/app/bundles/comments/components/CommentBox/CommentList/CommentList.jsx

@@ -7,7 +7,6 @@ import _ from 'lodash';
 import Comment from './Comment/Comment';
 
 export default class CommentList extends React.Component {
-
   static propTypes = {
     $$comments: PropTypes.instanceOf(Immutable.List).isRequired,
     error: PropTypes.any,

client/app/bundles/comments/components/SimpleCommentScreen/SimpleCommentScreen.jsx

@@ -8,12 +8,11 @@ import CommentForm from '../CommentBox/CommentForm/CommentForm';
 import CommentList from '../CommentBox/CommentList/CommentList';
 
 export default class SimpleCommentScreen extends React.Component {
-
   constructor(props, context) {
     super(props, context);
     this.state = {
       $$comments: Immutable.fromJS([]),
-      ajaxSending: false,
+      isSaving: false,
       fetchCommentsError: null,
       submitCommentError: null,
     };
@@ -35,7 +34,7 @@ export default class SimpleCommentScreen extends React.Component {
   }
 
   _handleCommentSubmit(comment) {
-    this.setState({ ajaxSending: true });
+    this.setState({ isSaving: true });
 
     const requestConfig = {
       responseType: 'json',
@@ -53,13 +52,13 @@ export default class SimpleCommentScreen extends React.Component {
 
           this.setState({
             $$comments: $$comments.push($$comment),
-            ajaxSending: false,
+            isSaving: false,
           });
         })
         .catch(error => {
           this.setState({
             submitCommentError: error,
-            ajaxSending: false,
+            isSaving: false,
           });
         })
     );
@@ -74,7 +73,7 @@ export default class SimpleCommentScreen extends React.Component {
           <b>Name</b> is preserved. <b>Text</b> is reset, between submits.
         </p>
         <CommentForm
-          ajaxSending={this.state.ajaxSending}
+          isSaving={this.state.isSaving}
           actions={{ submitComment: this._handleCommentSubmit }}
           error={this.state.submitCommentError}
         />

client/app/bundles/comments/components/TestReactRouter/TestReactRouter.jsx

@@ -1,5 +1,7 @@
 import React from 'react';
+import pureRender from 'pure-render-decorator';
 
+@pureRender
 export default class TestReactRouter extends React.Component {
 
   render() {

client/app/bundles/comments/components/TestReactRouterRedirect/TestReactRouterRedirect.jsx

@@ -1,5 +1,7 @@
 import React from 'react';
+import pureRender from 'pure-render-decorator';
 
+@pureRender
 export default class TestReactRouterRedirect extends React.Component {
 
   static checkAuth(nextState, replaceState) {

client/app/bundles/comments/containers/NonRouterCommentsContainer.jsx

@@ -1,7 +1,9 @@
 import React, { PropTypes } from 'react';
-import CommentScreen from '../components/CommentScreen/CommentScreen';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
+import pureRender from 'pure-render-decorator';
+
+import CommentScreen from '../components/CommentScreen/CommentScreen';
 import * as commentsActionCreators from '../actions/commentsActionCreators';
 
 function select(state) {

client/app/bundles/comments/containers/RouterCommentsContainer.jsx

@@ -1,7 +1,9 @@
 import React, { PropTypes } from 'react';
-import CommentScreen from '../components/CommentScreen/CommentScreen';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
+import pureRender from 'pure-render-decorator';
+
+import CommentScreen from '../components/CommentScreen/CommentScreen';
 import * as commentsActionCreators from '../actions/commentsActionCreators';
 
 function select(state) {
@@ -10,7 +12,6 @@ function select(state) {
 }
 
 class RouterCommentsContainer extends React.Component {
-
   static propTypes = {
     dispatch: PropTypes.func.isRequired,
     data: PropTypes.object.isRequired,

client/npm-shrinkwrap.json

@@ -67,6 +67,7 @@
     "node-uuid": "^1.4.7",
     "postcss-loader": "^0.8.0",
     "react": "^0.14.3",
+    "react-addons-shallow-compare": "^0.14.3",
     "react-bootstrap": "^0.28.1",
     "react-dom": "^0.14.3",
     "react-redux": "^4.0.0",