Merge pull request #2 from flyskywhy/master

new react-web

Author: yuzhiyi

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 };
   },