aboutsummaryrefslogtreecommitdiff
path: root/node_modules/react/lib/ReactComponentWithPureRenderMixin.js
diff options
context:
space:
mode:
Diffstat (limited to 'node_modules/react/lib/ReactComponentWithPureRenderMixin.js')
-rw-r--r--node_modules/react/lib/ReactComponentWithPureRenderMixin.js47
1 files changed, 47 insertions, 0 deletions
diff --git a/node_modules/react/lib/ReactComponentWithPureRenderMixin.js b/node_modules/react/lib/ReactComponentWithPureRenderMixin.js
new file mode 100644
index 000000000..6f3868b84
--- /dev/null
+++ b/node_modules/react/lib/ReactComponentWithPureRenderMixin.js
@@ -0,0 +1,47 @@
+/**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ */
+
+'use strict';
+
+var shallowCompare = require('./shallowCompare');
+
+/**
+ * If your React component's render function is "pure", e.g. it will render the
+ * same result given the same props and state, provide this mixin for a
+ * considerable performance boost.
+ *
+ * Most React components have pure render functions.
+ *
+ * Example:
+ *
+ * var ReactComponentWithPureRenderMixin =
+ * require('ReactComponentWithPureRenderMixin');
+ * React.createClass({
+ * mixins: [ReactComponentWithPureRenderMixin],
+ *
+ * render: function() {
+ * return <div className={this.props.className}>foo</div>;
+ * }
+ * });
+ *
+ * Note: This only checks shallow equality for props and state. If these contain
+ * complex data structures this mixin may have false-negatives for deeper
+ * differences. Only mixin to components which have simple props and state, or
+ * use `forceUpdate()` when you know deep data structures have changed.
+ *
+ * See https://facebook.github.io/react/docs/pure-render-mixin.html
+ */
+var ReactComponentWithPureRenderMixin = {
+ shouldComponentUpdate: function (nextProps, nextState) {
+ return shallowCompare(this, nextProps, nextState);
+ }
+};
+
+module.exports = ReactComponentWithPureRenderMixin; \ No newline at end of file