Support react 16(react-native 0.43) , findNodeHandle, FlatList and SectionList

Examples/Movies/MovieCell.js

@@ -16,6 +16,7 @@
 'use strict';
 
 var React = require('react-native');
+var createClass = require('create-react-class');
 var {
   Image,
   PixelRatio,
@@ -31,7 +32,7 @@ var getStyleFromScore = require('./getStyleFromScore');
 var getImageSource = require('./getImageSource');
 var getTextFromScore = require('./getTextFromScore');
 
-var MovieCell = React.createClass({
+var MovieCell = createClass({
   render: function() {
     var criticsScore = this.props.movie.ratings.critics_score;
     var TouchableElement = TouchableHighlight;

Examples/Movies/MovieScreen.js

@@ -16,6 +16,7 @@
 'use strict';
 
 var React = require('react-native');
+var createClass = require('create-react-class');
 var {
   Image,
   PixelRatio,
@@ -29,7 +30,7 @@ var getImageSource = require('./getImageSource');
 var getStyleFromScore = require('./getStyleFromScore');
 var getTextFromScore = require('./getTextFromScore');
 
-var MovieScreen = React.createClass({
+var MovieScreen = createClass({
   render: function() {
     return (
       <ScrollView contentContainerStyle={styles.contentContainer}>
@@ -63,7 +64,7 @@ var MovieScreen = React.createClass({
   },
 });
 
-var Ratings = React.createClass({
+var Ratings = createClass({
   render: function() {
     var criticsScore = this.props.ratings.critics_score;
     var audienceScore = this.props.ratings.audience_score;
@@ -87,7 +88,7 @@ var Ratings = React.createClass({
   },
 });
 
-var Cast = React.createClass({
+var Cast = createClass({
   render: function() {
     if (!this.props.actors) {
       return null;

Examples/Movies/MoviesApp.android.js

@@ -17,6 +17,7 @@
 'use strict';
 
 var React = require('react-native');
+var createClass = require('create-react-class');
 var {
   AppRegistry,
   BackAndroid,
@@ -64,7 +65,7 @@ var RouteMapper = function(route, navigationOperations, onComponentRef) {
   }
 };
 
-var MoviesApp = React.createClass({
+var MoviesApp = createClass({
   render: function() {
     var initialRoute = {name: 'search'};
     return (

Examples/Movies/MoviesApp.ios.js

@@ -17,6 +17,7 @@
 'use strict';
 
 var React = require('react-native');
+var createClass = require('create-react-class');
 var {
   AppRegistry,
   NavigatorIOS,
@@ -25,7 +26,7 @@ var {
 
 var SearchScreen = require('./SearchScreen');
 
-var MoviesApp = React.createClass({
+var MoviesApp = createClass({
   render: function() {
     return (
       <NavigatorIOS

Examples/Movies/MoviesApp.web.js

@@ -17,6 +17,7 @@
 'use strict';
 
 var React = require('react-native');
+var createClass = require('create-react-class');
 var {
   AppRegistry,
   Navigator,
@@ -47,7 +48,7 @@ var RouteMapper = function(route, navigationOperations, onComponentRef) {
   }
 };
 
-var MoviesApp = React.createClass({
+var MoviesApp = createClass({
   render: function() {
     var initialRoute = {name: 'search'};
     return (

Examples/Movies/SearchBar.android.js

@@ -17,6 +17,7 @@
 'use strict';
 
 var React = require('react-native');
+var createClass = require('create-react-class');
 var {
   Image,
   Platform,
@@ -29,7 +30,7 @@ var {
 
 var IS_RIPPLE_EFFECT_SUPPORTED = Platform.Version >= 21;
 
-var SearchBar = React.createClass({
+var SearchBar = createClass({
   render: function() {
     var loadingView;
     if (this.props.isLoading) {

Examples/Movies/SearchBar.ios.js

@@ -17,14 +17,15 @@
 'use strict';
 
 var React = require('react-native');
+var createClass = require('create-react-class');
 var {
   ActivityIndicatorIOS,
   TextInput,
   StyleSheet,
   View,
 } = React;
 
-var SearchBar = React.createClass({
+var SearchBar = createClass({
   render: function() {
     return (
       <View style={styles.searchBar}>

Examples/Movies/SearchBar.web.js

@@ -17,14 +17,15 @@
 'use strict';
 
 var React = require('react-native');
+var createClass = require('create-react-class');
 var {
   ActivityIndicatorIOS,
   TextInput,
   StyleSheet,
   View,
 } = React;
 
-var SearchBar = React.createClass({
+var SearchBar = createClass({
   render: function() {
     return (
       <View style={styles.searchBar}>

Examples/Movies/SearchScreen.js

@@ -16,6 +16,7 @@
 'use strict';
 
 var React = require('react-native');
+var createClass = require('create-react-class');
 var {
   ActivityIndicatorIOS,
   ListView,
@@ -59,7 +60,7 @@ var resultsCache = {
 
 var LOADING = {};
 
-var SearchScreen = React.createClass({
+var SearchScreen = createClass({
   mixins: [TimerMixin],
 
   timeoutID: (null: any),
@@ -335,7 +336,7 @@ var SearchScreen = React.createClass({
   },
 });
 
-var NoMovies = React.createClass({
+var NoMovies = createClass({
   render: function() {
     var text = '';
     if (this.props.filter) {

Examples/TicTacToe/TicTacToeApp.js

@@ -17,6 +17,7 @@
 'use strict';
 
 var React = require('react-native');
+var createClass = require('create-react-class');
 var {
   AppRegistry,
   StyleSheet,
@@ -95,7 +96,7 @@ class Board {
   }
 }
 
-var Cell = React.createClass({
+var Cell = createClass({
   cellStyle() {
     switch (this.props.player) {
       case 1:
@@ -145,7 +146,7 @@ var Cell = React.createClass({
   }
 });
 
-var GameEndOverlay = React.createClass({
+var GameEndOverlay = createClass({
   render() {
     var board = this.props.board;
 
@@ -178,7 +179,7 @@ var GameEndOverlay = React.createClass({
   }
 });
 
-var TicTacToeApp = React.createClass({
+var TicTacToeApp = createClass({
   getInitialState() {
     return { board: new Board(), player: 1 };
   },

Examples/UIExplorer/AccessibilityAndroidExample.android.js

@@ -15,6 +15,7 @@
 'use strict';
 
 var React = require('react-native');
+var createClass = require('create-react-class');
 var {
   StyleSheet,
   Text,
@@ -28,7 +29,7 @@ var UIExplorerPage = require('./UIExplorerPage');
 
 var importantForAccessibilityValues = ['auto', 'yes', 'no', 'no-hide-descendants'];
 
-var AccessibilityAndroidExample = React.createClass({
+var AccessibilityAndroidExample = createClass({
 
   statics: {
     title: 'Accessibility',

Examples/UIExplorer/AccessibilityIOSExample.js

@@ -16,12 +16,13 @@
 'use strict';
 
 var React = require('react-native');
+var createClass = require('create-react-class');
 var {
   Text,
   View,
 } = React;
 
-var AccessibilityIOSExample = React.createClass({
+var AccessibilityIOSExample = createClass({
   render() {
     return (
       <View>

Examples/UIExplorer/ActionSheetIOSExample.js

@@ -16,6 +16,7 @@
 'use strict';
 
 var React = require('react-native');
+var createClass = require('create-react-class');
 var {
   ActionSheetIOS,
   StyleSheet,
@@ -33,7 +34,7 @@ var BUTTONS = [
 var DESTRUCTIVE_INDEX = 3;
 var CANCEL_INDEX = 4;
 
-var ActionSheetExample = React.createClass({
+var ActionSheetExample = createClass({
   getInitialState() {
     return {
       clicked: 'none',
@@ -65,7 +66,7 @@ var ActionSheetExample = React.createClass({
   }
 });
 
-var ShareActionSheetExample = React.createClass({
+var ShareActionSheetExample = createClass({
   getInitialState() {
     return {
       text: ''

Examples/UIExplorer/ActivityIndicatorIOSExample.js

@@ -16,14 +16,15 @@
 'use strict';
 
 var React = require('react-native');
+var createClass = require('create-react-class');
 var {
   ActivityIndicatorIOS,
   StyleSheet,
   View,
 } = React;
 var TimerMixin = require('react-timer-mixin');
 
-var ToggleAnimatingActivityIndicator = React.createClass({
+var ToggleAnimatingActivityIndicator = createClass({
   mixins: [TimerMixin],
 
   getInitialState: function() {

Examples/UIExplorer/AdSupportIOSExample.js

@@ -16,6 +16,7 @@
 'use strict';
 
 var React = require('react-native');
+var createClass = require('create-react-class');
 var {
   AdSupportIOS,
   StyleSheet,
@@ -36,7 +37,7 @@ exports.examples = [
   }
 ];
 
-var AdSupportIOSExample = React.createClass({
+var AdSupportIOSExample = createClass({
   getInitialState: function() {
     return {
       deviceID: 'No IDFA yet',

Examples/UIExplorer/AppStateIOSExample.js

@@ -17,13 +17,14 @@
 'use strict';
 
 var React = require('react-native');
+var createClass = require('create-react-class');
 var {
   AppStateIOS,
   Text,
   View
 } = React;
 
-var AppStateSubscription = React.createClass({
+var AppStateSubscription = createClass({
   getInitialState() {
     return {
       appState: AppStateIOS.currentState,

Examples/UIExplorer/AssetScaledImageExample.js

@@ -16,14 +16,15 @@
 'use strict';
 
 var React = require('react-native');
+var createClass = require('create-react-class');
 var {
   Image,
   StyleSheet,
   View,
   ScrollView
 } = React;
 
-var AssetScaledImageExample = React.createClass({
+var AssetScaledImageExample = createClass({
 
   getInitialState() {
     return {

Examples/UIExplorer/AsyncStorageExample.js

@@ -16,6 +16,7 @@
 'use strict';
 
 var React = require('react-native');
+var createClass = require('create-react-class');
 var {
   AsyncStorage,
   PickerIOS,
@@ -27,7 +28,7 @@ var PickerItemIOS = PickerIOS.Item;
 var STORAGE_KEY = '@AsyncStorageExample:key';
 var COLORS = ['red', 'orange', 'yellow', 'green', 'blue'];
 
-var BasicStorageExample = React.createClass({
+var BasicStorageExample = createClass({
   componentDidMount() {
     this._loadInitialState().done();
   },

Examples/UIExplorer/CameraRollExample.ios.js

@@ -16,6 +16,7 @@
 'use strict';
 
 var React = require('react-native');
+var createClass = require('create-react-class');
 var {
   CameraRoll,
   Image,
@@ -32,7 +33,7 @@ var AssetScaledImageExampleView = require('./AssetScaledImageExample');
 
 var CAMERA_ROLL_VIEW = 'camera_roll_view';
 
-var CameraRollExample = React.createClass({
+var CameraRollExample = createClass({
 
   getInitialState() {
     return {