zoriya/react-native-web
1
0
Fork 0
mirror of https://github.com/zoriya/react-native-web.git synced 2026-05-25 07:34:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

[change] use 'prop-types' and 'create-react-class'

Browse Source 
Preparation for React 15.5
This commit is contained in:
Nicolas Gallagher
2017-04-11 22:20:31 -07:00
parent 941c628445
commit 170bab659d
44 changed files with 290 additions and 245 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/apis/PanResponder/PanResponderExample.js
+2 -1
View File
@@ -1,5 +1,6 @@
'use strict';
import createReactClass from 'create-react-class';
import { storiesOf, action } from '@kadira/storybook';
var React = require('react');
@@ -12,7 +13,7 @@ var {
var CIRCLE_SIZE = 80;
var PanResponderExample = React.createClass({
var PanResponderExample = createReactClass({
_panResponder: {},
_previousLeft: 0,
_previousTop: 0,
examples/components/ActivityIndicator/ActivityIndicatorExample.js
+2 -1
View File
@@ -1,3 +1,4 @@
import createReactClass from 'create-react-class';
import React from 'react';
import { storiesOf, action } from '@kadira/storybook';
import { ActivityIndicator, StyleSheet, View } from 'react-native'
@@ -26,7 +27,7 @@ import TimerMixin from 'react-timer-mixin';
* @flow
*/
const ToggleAnimatingActivityIndicator = React.createClass({
const ToggleAnimatingActivityIndicator = createReactClass({
mixins: [TimerMixin],
getInitialState() {
examples/components/Image/ImageExample.js
+5 -4
View File
@@ -1,3 +1,4 @@
import createReactClass from 'create-react-class';
import React from 'react';
import { storiesOf, action, addDecorator } from '@kadira/storybook';
import { ActivityIndicator, Image, Platform, StyleSheet, Text, View } from 'react-native'
@@ -31,7 +32,7 @@ var base64Icon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAQAAACS
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({
getInitialState: function() {
return {
events: [],
@@ -88,7 +89,7 @@ var NetworkImageCallbackExample = React.createClass({
}
});
var NetworkImageExample = React.createClass({
var NetworkImageExample = createReactClass({
getInitialState: function() {
return {
error: false,
@@ -116,7 +117,7 @@ var NetworkImageExample = React.createClass({
}
});
var ImageSizeExample = React.createClass({
var ImageSizeExample = createReactClass({
getInitialState: function() {
return {
width: 0,
@@ -150,7 +151,7 @@ var ImageSizeExample = React.createClass({
});
/*
var MultipleSourcesExample = React.createClass({
var MultipleSourcesExample = createReactClass({
getInitialState: function() {
return {
width: 30,
examples/components/ProgressBar/ProgressBarExample.js
+2 -1
View File
@@ -1,3 +1,4 @@
import createReactClass from 'create-react-class';
import { ProgressBar, StyleSheet, View } from 'react-native'
import React from 'react';
import { storiesOf, action } from '@kadira/storybook';
@@ -26,7 +27,7 @@ import TimerMixin from 'react-timer-mixin';
* @flow
*/
var ProgressBarExample = React.createClass({
var ProgressBarExample = createReactClass({
mixins: [TimerMixin],
getInitialState() {
examples/components/Switch/SwitchExample.js
+6 -5
View File
@@ -1,3 +1,4 @@
import createReactClass from 'create-react-class';
import { Platform, Switch, Text, View } from 'react-native'
import React from 'react';
import { storiesOf, action } from '@kadira/storybook';
@@ -25,7 +26,7 @@ import { storiesOf, action } from '@kadira/storybook';
* @flow
*/
var BasicSwitchExample = React.createClass({
var BasicSwitchExample = createReactClass({
getInitialState() {
return {
trueSwitchIsOn: true,
@@ -49,7 +50,7 @@ var BasicSwitchExample = React.createClass({
}
});
var DisabledSwitchExample = React.createClass({
var DisabledSwitchExample = createReactClass({
render() {
return (
<View>
@@ -65,7 +66,7 @@ var DisabledSwitchExample = React.createClass({
},
});
var ColorSwitchExample = React.createClass({
var ColorSwitchExample = createReactClass({
getInitialState() {
return {
colorTrueSwitchIsOn: true,
@@ -95,7 +96,7 @@ var ColorSwitchExample = React.createClass({
},
});
var EventSwitchExample = React.createClass({
var EventSwitchExample = createReactClass({
getInitialState() {
return {
eventSwitchIsOn: false,
@@ -132,7 +133,7 @@ var EventSwitchExample = React.createClass({
}
});
var SizeSwitchExample = React.createClass({
var SizeSwitchExample = createReactClass({
getInitialState() {
return {
trueSwitchIsOn: true,
examples/components/Text/TextExample.js
+3 -2
View File
@@ -1,3 +1,4 @@
import createReactClass from 'create-react-class';
import React from 'react';
import { storiesOf, action } from '@kadira/storybook';
import { Image, StyleSheet, Text, View } from 'react-native'
@@ -25,7 +26,7 @@ import { Image, StyleSheet, Text, View } from 'react-native'
* @flow
*/
var Entity = React.createClass({
var Entity = createReactClass({
render: function() {
return (
<Text style={{fontWeight: '500', color: '#527fe4'}}>
@@ -35,7 +36,7 @@ var Entity = React.createClass({
}
});
var AttributeToggler = React.createClass({
var AttributeToggler = createReactClass({
getInitialState: function() {
return {fontWeight: 'bold', fontSize: 15};
},
examples/components/Touchable/TouchableExample.js
+7 -6
View File
@@ -1,3 +1,4 @@
import createReactClass from 'create-react-class';
import React from 'react';
import { storiesOf, action } from '@kadira/storybook';
import {
@@ -112,7 +113,7 @@ const examples = [
},
}];
var TextOnPressBox = React.createClass({
var TextOnPressBox = createReactClass({
getInitialState: function() {
return {
timesPressed: 0,
@@ -148,7 +149,7 @@ var TextOnPressBox = React.createClass({
}
});
var TouchableFeedbackEvents = React.createClass({
var TouchableFeedbackEvents = createReactClass({
getInitialState: function() {
return {
eventLog: [],
@@ -187,7 +188,7 @@ var TouchableFeedbackEvents = React.createClass({
},
});
var TouchableDelayEvents = React.createClass({
var TouchableDelayEvents = createReactClass({
getInitialState: function() {
return {
eventLog: [],
@@ -226,7 +227,7 @@ var TouchableDelayEvents = React.createClass({
},
});
var ForceTouchExample = React.createClass({
var ForceTouchExample = createReactClass({
getInitialState: function() {
return {
force: 0,
@@ -260,7 +261,7 @@ var ForceTouchExample = React.createClass({
},
});
var TouchableHitSlop = React.createClass({
var TouchableHitSlop = createReactClass({
getInitialState: function() {
return {
timesPressed: 0,
@@ -302,7 +303,7 @@ var TouchableHitSlop = React.createClass({
}
});
var TouchableDisabled = React.createClass({
var TouchableDisabled = createReactClass({
render: function() {
return (
<View>
examples/components/View/ViewExample.js
+3 -2
View File
@@ -1,3 +1,4 @@
import createReactClass from 'create-react-class';
import React from 'react';
import { storiesOf, action } from '@kadira/storybook';
import { StyleSheet, Text, TouchableWithoutFeedback, View } from 'react-native'
@@ -50,7 +51,7 @@ var styles = StyleSheet.create({
},
});
var ViewBorderStyleExample = React.createClass({
var ViewBorderStyleExample = createReactClass({
getInitialState() {
return {
showBorder: true
@@ -91,7 +92,7 @@ var ViewBorderStyleExample = React.createClass({
}
});
var ZIndexExample = React.createClass({
var ZIndexExample = createReactClass({
getInitialState() {
return {
flipped: false
examples/components/View/ViewTransformsExample.js
+2 -1
View File
@@ -1,3 +1,4 @@
import createReactClass from 'create-react-class';
import React from 'react';
import { storiesOf, action } from '@kadira/storybook';
import { Animated, StyleSheet, Text, View } from 'react-native'
@@ -24,7 +25,7 @@ import { Animated, StyleSheet, Text, View } from 'react-native'
* @flow
*/
var Flip = React.createClass({
var Flip = createReactClass({
getInitialState() {
return {
theta: new Animated.Value(45),
examples/demos/TicTacToe/TicTacToe.js
+4 -3
View File
@@ -16,6 +16,7 @@
*/
'use strict';
import createReactClass from 'create-react-class';
var React = require('react');
var ReactNative = require('react-native');
var {
@@ -94,7 +95,7 @@ class Board {
}
}
var Cell = React.createClass({
var Cell = createReactClass({
cellStyle() {
switch (this.props.player) {
case 1:
@@ -144,7 +145,7 @@ var Cell = React.createClass({
}
});
var GameEndOverlay = React.createClass({
var GameEndOverlay = createReactClass({
render() {
var board = this.props.board;
@@ -177,7 +178,7 @@ var GameEndOverlay = React.createClass({
}
});
var TicTacToeApp = React.createClass({
var TicTacToeApp = createReactClass({
getInitialState() {
return { board: new Board(), player: 1 };
},