Use PureComponent instead of Component (oblador#608)

ryanoboril · Dec 19, 2017 · f6a1362 · f6a1362
1 parent 1c1e844
commit f6a1362
Show file tree

Hide file tree

Showing 13 changed files with 29 additions and 29 deletions.
diff --git a/Examples/IconExplorer/IconList.js b/Examples/IconExplorer/IconList.js
@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React, { PureComponent } from 'react';
 import {
   DeviceEventEmitter,
   ListView,
@@ -46,7 +46,7 @@ const styles = StyleSheet.create({
   },
 });
 
-export default class IconList extends Component {
+export default class IconList extends PureComponent {
   constructor(props) {
     super(props);
 

diff --git a/Examples/IconExplorer/IconSetList.js b/Examples/IconExplorer/IconSetList.js
@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React, { PureComponent } from 'react';
 import {
   Alert,
   Image,
@@ -144,7 +144,7 @@ const styles = StyleSheet.create({
   },
 });
 
-export default class IconSetsList extends Component {
+export default class IconSetsList extends PureComponent {
   constructor(props) {
     super(props);
 

diff --git a/Examples/IconExplorer/index.android.js b/Examples/IconExplorer/index.android.js
@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React, { PureComponent } from 'react';
 import {
   AppRegistry,
   BackAndroid,

diff --git a/Examples/IconExplorer/index.ios.js b/Examples/IconExplorer/index.ios.js
@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React, { PureComponent } from 'react';
 import {
   AppRegistry,
   NavigatorIOS,

diff --git a/Examples/IconExplorer/index.osx.js b/Examples/IconExplorer/index.osx.js
@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React, { PureComponent } from 'react';
 import {
   AppRegistry,
   Dimensions,
@@ -37,7 +37,7 @@ const styles = StyleSheet.create({
   },
 });
 
-class Welcome extends Component {
+class Welcome extends PureComponent {
   render() {
     return (
       <View style={styles.welcomeWrapper}>
@@ -47,7 +47,7 @@ class Welcome extends Component {
   }
 }
 
-class IconExplorer extends Component {
+class IconExplorer extends PureComponent {
 
   constructor() {
     super();

diff --git a/Examples/IconExplorer/index.windows.js b/Examples/IconExplorer/index.windows.js
@@ -4,7 +4,7 @@
  * @flow
  */
 
-import React, { Component } from 'react';
+import React, { PureComponent } from 'react';
 import {
   AppRegistry,
   StyleSheet,
@@ -42,7 +42,7 @@ const styles = StyleSheet.create({
   },
 });
 
-class Welcome extends Component {
+class Welcome extends PureComponent {
   render() {
     return (
       <View style={styles.welcomeWrapper}>
@@ -52,7 +52,7 @@ class Welcome extends Component {
   }
 }
 
-class IconExplorer extends Component {
+class IconExplorer extends PureComponent {
 
   constructor() {
     super();

diff --git a/Examples/TabBarExample/index.ios.js b/Examples/TabBarExample/index.ios.js
@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React, { PureComponent } from 'react';
 import {
   AppRegistry,
   StyleSheet,
@@ -38,7 +38,7 @@ const styles = StyleSheet.create({
   },
 });
 
-class ColoredView extends Component {
+class ColoredView extends PureComponent {
   componentWillMount() {
     Icon.getImageSource('md-arrow-back', 30).then((source) => this.setState({ backIcon: source }));
   }
@@ -65,7 +65,7 @@ class ColoredView extends Component {
   }
 }
 
-class TabBarExample extends Component {
+class TabBarExample extends PureComponent {
   constructor(props) {
     super(props);
 

diff --git a/RNIMigration.js b/RNIMigration.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import FontAwesome from 'react-native-vector-icons/FontAwesome';
 import Foundation from 'react-native-vector-icons/Foundation';
@@ -18,7 +18,7 @@ const ICON_SET_MAP = {
 
 // This is a composition is a drop in replacement for users migrating from the
 // react-native-icons module. Please don't use this component for new apps/views.
-export default class Icon extends React.Component {
+export default class Icon extends PureComponent {
   static propTypes = {
     name: PropTypes.string.isRequired,
     size: PropTypes.number,

diff --git a/directory/src/App.js b/directory/src/App.js
@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import './App.css';
 import Entypo from '../../glyphmaps/Entypo.json';
@@ -27,7 +27,7 @@ const IconFamilies = {
   Zocial,
 };
 
-class Icon extends Component {
+class Icon extends PureComponent {
   static propTypes = {
     family: PropTypes.string.isRequired,
     name: PropTypes.string.isRequired,
@@ -54,7 +54,7 @@ const HeaderBar = (props) => {
   );
 };
 
-class SearchBar extends Component {
+class SearchBar extends PureComponent {
   handleSubmit = (e) => {
     e.preventDefault();
     this.props.onSubmit(this.inputRef.value);
@@ -78,7 +78,7 @@ class SearchBar extends Component {
   }
 }
 
-class App extends Component {
+class App extends PureComponent {
   constructor() {
     super();
     this.state = {

diff --git a/lib/create-icon-set.js b/lib/create-icon-set.js
@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import {
   NativeModules,
@@ -31,7 +31,7 @@ export default function createIconSet(glyphMap, fontFamily, fontFile) {
 
   const IconNamePropType = PropTypes.oneOf(Object.keys(glyphMap));
 
-  class Icon extends Component {
+  class Icon extends PureComponent {
     static propTypes = {
       name: IconNamePropType,
       size: PropTypes.number,

diff --git a/lib/icon-button.js b/lib/icon-button.js
@@ -1,7 +1,7 @@
 import isString from 'lodash/isString';
 import omit from 'lodash/omit';
 import pick from 'lodash/pick';
-import React, { Component } from 'react';
+import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { StyleSheet, Text, TouchableHighlight, View } from './react-native';
 
@@ -27,7 +27,7 @@ const styles = StyleSheet.create({
 const IOS7_BLUE = '#007AFF';
 
 export default function createIconButtonComponent(Icon) {
-  return class IconButton extends Component {
+  return class IconButton extends PureComponent {
     static propTypes = {
       backgroundColor: PropTypes.oneOfType([
         PropTypes.string,

diff --git a/lib/tab-bar-item-ios.js b/lib/tab-bar-item-ios.js
@@ -1,15 +1,15 @@
 /* eslint-disable react/no-unused-prop-types */
 import isEqual from 'lodash/isEqual';
 import pick from 'lodash/pick';
-import React, { Component } from 'react';
+import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { TabBarIOS } from './react-native';
 
 export default function createTabBarItemIOSComponent(
   IconNamePropType,
   getImageSource
 ) {
-  return class TabBarItemIOS extends Component {
+  return class TabBarItemIOS extends PureComponent {
     static propTypes = {
       iconName: IconNamePropType.isRequired,
       selectedIconName: IconNamePropType,

diff --git a/lib/toolbar-android.js b/lib/toolbar-android.js
@@ -1,15 +1,15 @@
 /* eslint-disable react/no-unused-prop-types */
 import isEqual from 'lodash/isEqual';
 import pick from 'lodash/pick';
-import React, { Component } from 'react';
+import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { ToolbarAndroid } from './react-native';
 
 export default function createToolbarAndroidComponent(
   IconNamePropType,
   getImageSource
 ) {
-  return class IconToolbarAndroid extends Component {
+  return class IconToolbarAndroid extends PureComponent {
     static propTypes = {
       logoName: IconNamePropType,
       navIconName: IconNamePropType,