Replace React.createClass with create-react-class

Summary:
This replaces all uses of `React.createClass` with `createReactClass` from the `create-react-class` package, attempting to match use of `var` and `const` according to local style.

Fixes #14620
Refs #14712
Closes facebook/react-native#14729

Differential Revision: D5321810

Pulled By: hramos

fbshipit-source-id: ae7b40640b2773fd89c3fb727ec87f688bebf585

Author: mojodna

js/CameraRollView.js

@@ -12,6 +12,7 @@
 'use strict';
 
 var React = require('react');
+var createReactClass = require('create-react-class');
 const PropTypes = require('prop-types');
 var ReactNative = require('react-native');
 var {
@@ -71,7 +72,8 @@ var propTypes = {
 
 };
 
-var CameraRollView = React.createClass({
+var CameraRollView = createReactClass({
+  displayName: 'CameraRollView',
   // $FlowFixMe(>=0.41.0)
   propTypes: propTypes,
 

js/ImageExample.js

@@ -12,6 +12,7 @@
 'use strict';
 
 var React = require('react');
+var createReactClass = require('create-react-class');
 var ReactNative = require('react-native');
 var {
   ActivityIndicator,
@@ -29,7 +30,8 @@ var ImageCapInsetsExample = require('./ImageCapInsetsExample');
 const IMAGE_PREFETCH_URL = 'http://origami.design/public/images/bird-logo.png?r=1&t=' + Date.now();
 var prefetchTask = Image.prefetch(IMAGE_PREFETCH_URL);
 
-var NetworkImageCallbackExample = React.createClass({
+var NetworkImageCallbackExample = createReactClass({
+  displayName: 'NetworkImageCallbackExample',
   getInitialState: function() {
     return {
       events: [],
@@ -102,7 +104,7 @@ var NetworkImageCallbackExample = React.createClass({
   }
 });
 
-var NetworkImageExample = React.createClass({
+var NetworkImageExample = createReactClass({
   getInitialState: function() {
     return {
       error: false,
@@ -130,7 +132,7 @@ var NetworkImageExample = React.createClass({
   }
 });
 
-var ImageSizeExample = React.createClass({
+var ImageSizeExample = createReactClass({
   getInitialState: function() {
     return {
       width: 0,
@@ -162,7 +164,7 @@ var ImageSizeExample = React.createClass({
   },
 });
 
-var MultipleSourcesExample = React.createClass({
+var MultipleSourcesExample = createReactClass({
   getInitialState: function() {
     return {
       width: 30,

js/ListViewExample.js

@@ -12,6 +12,7 @@
 'use strict';
 
 var React = require('react');
+var createReactClass = require('create-react-class');
 var ReactNative = require('react-native');
 var {
   Image,
@@ -24,7 +25,8 @@ var {
 
 var RNTesterPage = require('./RNTesterPage');
 
-var ListViewSimpleExample = React.createClass({
+var ListViewSimpleExample = createReactClass({
+  displayName: 'ListViewSimpleExample',
   statics: {
     title: '<ListView>',
     description: 'Performant, scrollable list of data.'

js/ListViewGridLayoutExample.js

@@ -12,6 +12,7 @@
 'use strict';
 
 var React = require('react');
+var createReactClass = require('create-react-class');
 var ReactNative = require('react-native');
 var {
   Image,
@@ -37,7 +38,8 @@ var THUMB_URLS = [
   require('./Thumbnails/victory.png'),
 ];
 
-var ListViewGridLayoutExample = React.createClass({
+var ListViewGridLayoutExample = createReactClass({
+  displayName: 'ListViewGridLayoutExample',
 
   statics: {
     title: '<ListView> - Grid Layout',

js/PanResponderExample.js

@@ -12,6 +12,7 @@
 'use strict';
 
 var React = require('react');
+var createReactClass = require('create-react-class');
 var ReactNative = require('react-native');
 var {
   PanResponder,
@@ -21,7 +22,8 @@ var {
 
 var CIRCLE_SIZE = 80;
 
-var PanResponderExample = React.createClass({
+var PanResponderExample = createReactClass({
+  displayName: 'PanResponderExample',
 
   statics: {
     title: 'PanResponder Sample',

js/ProgressBarAndroidExample.android.js

@@ -13,12 +13,14 @@
 
 var ProgressBar = require('ProgressBarAndroid');
 var React = require('React');
+var createReactClass = require('create-react-class');
 var RNTesterBlock = require('RNTesterBlock');
 var RNTesterPage = require('RNTesterPage');
 
 var TimerMixin = require('react-timer-mixin');
 
-var MovingBar = React.createClass({
+var MovingBar = createReactClass({
+  displayName: 'MovingBar',
   mixins: [TimerMixin],
 
   getInitialState: function() {

js/ProgressViewIOSExample.js

@@ -12,6 +12,7 @@
 'use strict';
 
 var React = require('react');
+var createReactClass = require('create-react-class');
 var ReactNative = require('react-native');
 var {
   ProgressViewIOS,
@@ -20,7 +21,8 @@ var {
 } = ReactNative;
 var TimerMixin = require('react-timer-mixin');
 
-var ProgressViewExample = React.createClass({
+var ProgressViewExample = createReactClass({
+  displayName: 'ProgressViewExample',
   mixins: [TimerMixin],
 
   getInitialState() {

js/SwipeableListViewExample.js

@@ -12,6 +12,7 @@
 'use strict';
 
 var React = require('react');
+var createReactClass = require('create-react-class');
 var ReactNative = require('react-native');
 var {
   Image,
@@ -25,7 +26,8 @@ var {
 
 var RNTesterPage = require('./RNTesterPage');
 
-var SwipeableListViewSimpleExample = React.createClass({
+var SwipeableListViewSimpleExample = createReactClass({
+  displayName: 'SwipeableListViewSimpleExample',
   statics: {
     title: '<SwipeableListView>',
     description: 'Performant, scrollable, swipeable list of data.'

js/TextExample.ios.js

@@ -13,6 +13,7 @@
 
 const Platform = require('Platform');
 var React = require('react');
+var createReactClass = require('create-react-class');
 var ReactNative = require('react-native');
 var {
   Image,
@@ -72,7 +73,8 @@ class AttributeToggler extends React.Component {
   }
 }
 
-var AdjustingFontSize = React.createClass({
+var AdjustingFontSize = createReactClass({
+  displayName: 'AdjustingFontSize',
   getInitialState: function() {
     return {dynamicText:'', shouldRender: true,};
   },

js/TimerExample.js

@@ -12,6 +12,7 @@
 'use strict';
 
 var React = require('react');
+var createReactClass = require('create-react-class');
 var ReactNative = require('react-native');
 var {
   AlertIOS,
@@ -111,7 +112,8 @@ class RequestIdleCallbackTester extends React.Component {
   };
 }
 
-var TimerTester = React.createClass({
+var TimerTester = createReactClass({
+  displayName: 'TimerTester',
   mixins: [TimerMixin],
 
   _ii: 0,