Use React.PureComponent

Author: cheton

dist/react-modal.css

@@ -41,5 +41,5 @@
         </div>
     </nav>
     <div id="container"></div>
-<script type="text/javascript" src="bundle.js?7859312b4814c20462d9"></script></body>
+<script type="text/javascript" src="bundle.js?a071e294be5e2bf58191"></script></body>
 </html>

dist/react-modal.min.css

@@ -1,6 +1,6 @@
 {
   "name": "@trendmicro/react-modal",
-  "version": "0.6.2",
+  "version": "0.6.3",
   "description": "Trend Micro Components: React Modal",
   "main": "lib/index.js",
   "files": [
@@ -53,7 +53,7 @@
     "react-modal": "^1.7.7"
   },
   "devDependencies": {
-    "@trendmicro/react-buttons": "~1.0.3",
+    "@trendmicro/react-buttons": "~1.0.4",
     "babel-cli": "~6.24.1",
     "babel-core": "~6.24.1",
     "babel-eslint": "~7.2.2",
@@ -62,19 +62,19 @@
     "babel-preset-es2015": "~6.24.1",
     "babel-preset-react": "~6.24.1",
     "babel-preset-stage-0": "~6.24.1",
-    "clean-css": "~4.0.8",
-    "clean-css-cli": "~4.0.8",
+    "clean-css": "~4.0.12",
+    "clean-css-cli": "~4.0.12",
     "coveralls": "~2.13.0",
     "css-loader": "~0.28.0",
     "eslint": "~3.19.0",
     "eslint-config-trendmicro": "~0.5.1",
     "eslint-loader": "~1.7.1",
     "eslint-plugin-import": "~2.2.0",
     "eslint-plugin-jsx-a11y": "~2.2.3",
-    "eslint-plugin-react": "~6.10.0",
+    "eslint-plugin-react": "~6.10.3",
     "extract-text-webpack-plugin": "~2.1.0",
     "file-loader": "~0.11.1",
-    "find-imports": "~0.5.1",
+    "find-imports": "~0.5.2",
     "html-webpack-plugin": "~2.28.0",
     "http-server": "~0.9.0",
     "nib": "~1.1.2",
@@ -84,11 +84,11 @@
     "stylint": "~1.5.9",
     "stylint-loader": "~1.0.0",
     "stylus-loader": "~3.0.1",
-    "tap": "~10.3.0",
+    "tap": "~10.3.2",
     "trendmicro-ui": "~0.4.0",
     "url-loader": "~0.5.8",
     "webpack": "~2.4.1",
-    "webpack-dev-server": "~2.4.1",
-    "which": "~1.2.12"
+    "webpack-dev-server": "~2.4.2",
+    "which": "~1.2.14"
   }
 }

docs/bundle.js

@@ -1,10 +1,10 @@
 import PropTypes from 'prop-types';
-import React, { Component } from 'react';
+import React, { PureComponent } from 'react';
 import ModalOverlay from './ModalOverlay';
 import ModalContent from './ModalContent';
 import styles from './index.styl';
 
-export default class extends Component {
+class Modal extends PureComponent {
     static propTypes = {
         ...ModalOverlay.propTypes,
         ...ModalContent.propTypes,
@@ -91,3 +91,5 @@ export default class extends Component {
         );
     }
 }
+
+export default Modal;

docs/bundle.js.map

@@ -1,9 +1,9 @@
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
-import React, { Component } from 'react';
+import React, { PureComponent } from 'react';
 import styles from './index.styl';
 
-class ModalBody extends Component {
+class ModalBody extends PureComponent {
     static propTypes = {
         padding: PropTypes.oneOfType([PropTypes.bool, PropTypes.string])
     };

docs/index.html

@@ -1,9 +1,9 @@
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
-import React, { Component } from 'react';
+import React, { PureComponent } from 'react';
 import styles from './index.styl';
 
-class ModalFooter extends Component {
+class ModalFooter extends PureComponent {
     static propTypes = {
         padding: PropTypes.oneOfType([PropTypes.bool, PropTypes.string])
     };

package.json

@@ -1,9 +1,9 @@
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
-import React, { Component } from 'react';
+import React, { PureComponent } from 'react';
 import styles from './index.styl';
 
-class ModalHeader extends Component {
+class ModalHeader extends PureComponent {
     static propTypes = {
         padding: PropTypes.oneOfType([PropTypes.bool, PropTypes.string])
     };