v0.6.0: + immutableComponent

package.json

@@ -1,6 +1,6 @@
 {
   "name": "redux-octavius",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "private": true,
   "description": "Боль и унижение!",
   "main": "index.js",

src/components/LettersItem.js

@@ -1,5 +1,6 @@
 import classNames from 'classnames';
 import React, {Component} from 'react';
+import immutableComponent from '../decorators/immutableComponent';
 
 import Avatar from './Avatar';
 import Button from './Button';
@@ -26,6 +27,7 @@ function letterTime(time) {
 	}
 }
 
+@immutableComponent(['model', 'selected'])
 export default class LettersItem extends Component {
 	render() {
 		const {model, selected, onToggleSelect} = this.props;

src/decorators/immutableComponent.js

@@ -0,0 +1,18 @@
+import React, {Component} from 'react';
+import shallowEqual from 'react-redux/lib/utils/shallowEqual';
+
+export default function immutableComponent(propKeys) {
+	return (DecoratedComponent) => class ImmutableComponentDecorator extends Component {
+		shouldComponentUpdate(nextProps) {
+			if (propKeys) {
+				return propKeys.some(name => this.props[name] !== nextProps[name]);
+			} else {
+				return !shallowEqual(this.props, nextProps);
+			}
+		}
+
+		render() {
+			return <DecoratedComponent {...this.props} />;
+		}
+	};
+};

src/index.js

@@ -4,6 +4,10 @@ import {Provider } from 'react-redux';
 import ReactDOM from 'react-dom';
 import React from 'react';
 
+// DevPerf
+import ReactFeatureFlags from 'react/lib/ReactFeatureFlags';
+ReactFeatureFlags.logTopLevelRenders = true;
+
 import App from './components/App';
 import configure from './store';