Separate React from React Native

examples/Basic/index.android.js

@@ -4,13 +4,14 @@
  */
 'use strict';
 
-var React = require('react-native');
+var ReactNative = require('react-native');
+var React = require('react');
 var {
   AppRegistry,
   StyleSheet,
   Text,
   View,
-} = React;
+} = ReactNative;
 
 var Basic = React.createClass({
   render: function() {

examples/Basic/index.ios.js

@@ -1,12 +1,17 @@
-var React = require('react-native');
+var React = require('react');
+var {
+  Component,
+  PropTypes
+} = React;
+
+var ReactNative = require('react-native');
 var {
   AppRegistry,
   StyleSheet,
   Text,
   View,
   Image,
-  Component,
+} = ReactNative;
-} = React;
 
 const styles = StyleSheet.create({
   container: {

src/BlurView.js

@@ -1,9 +1,11 @@
-const React = require('react-native');
+const React = require('react');
 const {
-  requireNativeComponent,
+  Component,
-  Component
+  PropTypes
 } = React;
 
+const { requireNativeComponent } = require('react-native');
+
 class BlurView extends Component {
   render() {
     return (
@@ -19,7 +21,7 @@ class BlurView extends Component {
 }
 
 BlurView.propTypes = {
-  blurType: React.PropTypes.string,
+  blurType: PropTypes.string,
 };
 
 const NativeBlurView = requireNativeComponent('BlurView', BlurView);

src/VibrancyView.js

@@ -1,9 +1,11 @@
-const React = require('react-native');
+const React = require('react');
 const {
-  requireNativeComponent,
+  Component,
-  Component
+  PropTypes
 } = React;
 
+const { requireNativeComponent } = require('react-native');
+
 class VibrancyView extends Component {
   render() {
     return (
@@ -19,7 +21,7 @@ class VibrancyView extends Component {
 }
 
 VibrancyView.propTypes = {
-  blurType: React.PropTypes.string,
+  blurType: PropTypes.string,
 };
 
 const NativeVibrancyView = requireNativeComponent('VibrancyView', VibrancyView);