Start screen & Sample view added.

Author: Reinaldo Haynes

src/App.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Provider } from "react-redux"
 import store from "./storage"
-// import TopLevelComponent from './screens/StartScreen'
+import StartScreen from './screens/StartScreen'
 import Routing, { Router } from './routing'
 
 const Route = Routing.Route;
@@ -12,7 +12,7 @@ export default class App extends React.Component {
  return (
  <Provider store={store}>
  <Router>
- {/* <Route path='/' component={TopLevelComponent}/> */}
+ <Route path='/' component={StartScreen}/>
  </Router>
  </Provider>
  )

src/actions/SampleAction.js

@@ -18,7 +18,6 @@ const somethingHappens = (payload) => {
  type: payload,
  data: { message: 'Action Success :)' }
  }
- break;
  default:
  return {
  type: payload,

src/components/SampleViewComponent/index.ios.js

@@ -0,0 +1,12 @@
+import React from 'react'
+import { View, Text } from 'react-native'
+
+export default class SampleView extends React.Component {
+ render() {
+ return (
+ <View>
+ <Text>Hello World!</Text>
+ </View>
+ )
+ }
+}

src/components/SampleViewComponent/index.js

@@ -0,0 +1,9 @@
+import React from 'react'
+
+export default class SampleView extends React.Component {
+ render() {
+ return (
+ <div>Hello World!</div>
+ )
+ }
+}

src/screens/StartScreen.js

@@ -0,0 +1,44 @@
+import React from 'react'
+import { connect } from "react-redux"
+import SampleAction from '../actions/SampleAction'
+import SampleView from '../components/SampleViewComponent'
+
+class StartScreen extends React.Component {
+ constructor(props, context) {
+ super(props, context)
+
+ this.state = {
+ text: {
+ message: 'Welcome to the app!',
+ dispatchMessage: 'Dispatch an action to:'
+ },
+ passActionValue: 1,
+ failActionValue: 0
+ }
+
+ this.passDispatchedAction = this.passDispatchedAction.bind(this)
+ this.failDispatchedAction = this.failDispatchedAction.bind(this)
+ }
+
+ passDispatchedAction() {
+ this.props.dispatch(SampleAction(this.state.passActionValue))
+ }
+
+ failDispatchedAction() {
+ this.props.dispatch(SampleAction(this.state.failActionValue))
+ }
+
+ render() {
+ return (
+ <SampleView />
+ )
+ }
+}
+
+function mapStateToProps(state) {
+ return ({
+ SampleReducer: state.SampleReducer
+ })
+}
+
+export default connect(mapStateToProps)(StartScreen);