React Upgrade and Syntax update

Example/components/Error.js

@@ -1,10 +1,15 @@
 'use strict';
 
-var React = require('react-native');
-var {View, Text, StyleSheet} = React;
-var Button = require('react-native-button');
+import React, { Component } from 'react';
+import {
+  AppRegistry,
+  StyleSheet,
+  Text,
+  View
+} from 'react-native';
+import Button from 'react-native-button'
 
-class Error extends React.Component {
+class Error extends Component {
     render(){
         let Actions = this.props.routes;
         return (
@@ -18,4 +23,4 @@ class Error extends React.Component {
 }
 
 
-module.exports = Error;
+module.exports = Error;

Example/components/Home.js

@@ -1,10 +1,15 @@
 'use strict';
 
-var React = require('react-native');
-var {View, Text, StyleSheet} = React;
-var Button = require('react-native-button');
+import React, { Component } from 'react';
+import {
+  AppRegistry,
+  StyleSheet,
+  Text,
+  View
+} from 'react-native';
+import Button from 'react-native-button'
 
-class Register extends React.Component {
+class Register extends Component {
     render(){
         let Actions = this.props.routes;
         return (
@@ -35,4 +40,4 @@ var styles = StyleSheet.create({
     },
 });
 
-module.exports = Register;
+module.exports = Register;

Example/components/Launch.js

@@ -1,10 +1,16 @@
 'use strict';
 
-var React = require('react-native');
-var {View, Text, StyleSheet, TouchableHighlight} = React;
-var Button = require('react-native-button');
+import React, { Component } from 'react';
+import {
+  AppRegistry,
+  StyleSheet,
+  Text,
+  View,
+  TouchableHighlight
+} from 'react-native';
+import Button from 'react-native-button'
 
-class Launch extends React.Component {
+class Launch extends Component {
     render(){
         var Actions = this.props.routes;
         return (

Example/components/Login.js

@@ -1,10 +1,16 @@
 'use strict';
 
-var React = require('react-native');
-var {View, Text, StyleSheet} = React;
-var Button = require('react-native-button');
+import React, { Component } from 'react';
+import {
+  AppRegistry,
+  StyleSheet,
+  Text,
+  View
+} from 'react-native';
 
-class Login extends React.Component {
+import Button from 'react-native-button'
+
+class Login extends Component {
     render(){
         let Actions = this.props.routes;
 
@@ -38,4 +44,4 @@ var styles = StyleSheet.create({
 
 
 
-module.exports = Login;
+module.exports = Login;

Example/components/NavBar.js

@@ -1,11 +1,16 @@
 'use strict';
 
 var NavigationBar = require('react-native-navbar');
-var React = require('react-native');
-var {StyleSheet,View} = React;
+import React, { Component } from 'react';
+import {
+  AppRegistry,
+  StyleSheet,
+  Text,
+  View
+} from 'react-native';
 var {Router, Route, Animations, Schema} = require('react-native-redux-router');
 
-class NavBarBase extends React.Component {
+class NavBarBase extends Component {
    onPrev(){
        var Actions = this.props.routes;
        if (this.props.onPrev){

Example/components/Register.js

@@ -1,10 +1,15 @@
 'use strict';
 
-var React = require('react-native');
-var {View, Text, StyleSheet} = React;
-var Button = require('react-native-button');
+import React, { Component } from 'react';
+import {
+  AppRegistry,
+  StyleSheet,
+  Text,
+  View
+} from 'react-native';
+import Button from 'react-native-button'
 
-class Register extends React.Component {
+class Register extends Component {
     render(){
         let Actions = this.props.routes;
         return (
@@ -36,4 +41,4 @@ var styles = StyleSheet.create({
     },
 });
 
-module.exports = Register;
+module.exports = Register;

Example/index.ios.js

@@ -1,7 +1,12 @@
 'use strict';
 
-var React = require('react-native');
-var {AppRegistry, StyleSheet,Text,View} = React;
+import React, { Component } from 'react';
+import {
+  AppRegistry,
+  StyleSheet,
+  Text,
+  View
+} from 'react-native';
 var Launch = require('./components/Launch');
 var Register = require('./components/Register');
 var Login = require('./components/Login');
@@ -11,7 +16,7 @@ var Error = require('./components/Error');
 var Home = require('./components/Home');
 
 import { createStore, combineReducers, applyMiddleware } from 'redux';
-import { Provider } from 'react-redux/native';
+import { Provider } from 'react-redux';
 import createLogger from 'redux-logger';
 
 const loggerMiddleWare = createLogger();
@@ -20,7 +25,7 @@ const createStoreWithMiddleware = applyMiddleware(loggerMiddleWare)(createStore)
 const reducer = combineReducers({routerReducer});
 let store = createStoreWithMiddleware(reducer);
 
-class App extends React.Component {
+class App extends Component {
     render(){
         return (
             <View style={{flex:1}}>
@@ -43,12 +48,12 @@ class App extends React.Component {
         );
     }
 }
-class Example extends React.Component {
+class Example extends Component {
     render() {
         return (
-            <Provider store={store}>
-                {() => <App />}
-            </Provider>
+         <Provider store={store}>
+            <App />
+        </Provider>
         );
     }
 }