title: Problems accessing state in React-native with redux app
body: <p>So I'm new to <code>Redux</code> and am having problems accessing the <code>STATE</code>. When I add the <code>constructor()</code> method into my <code>Component (Welcome)</code> I get a <code>Cannot find module /Welcome</code> error. I'll paste my code below as I'm really struggling!</p>
  
  <p>I'm simply trying to print out the text state!</p>
  
  <h3>Components/Welcome/index.jsx</h3>
  
  <pre><code>import React, { Text, View, StyleSheet } from 'react-native';
  import {bindActionCreators} from 'redux';
  import {connect} from 'react-redux';
  
  
  const Welcome = React.createClass({ //() =&gt; (
  
     constructor() {
          super(props, context);
          console.log("context", this.context);
      }
  
      render () {
          // state = super(props);
          // console.log(state);
          return (
          &lt;View style={ styles.container }&gt;
              &lt;Text style={ styles.welcome }&gt;
                  React Native Redux Starter Kit
              &lt;/Text&gt;
              &lt;Text style={ styles.instructions }&gt;
                  { this.props.text }
              &lt;/Text&gt;
              &lt;Text style={ styles.instructions }&gt;
                  Press Cmd+R to reload,{'\n'}
                  Cmd+D or shake for dev menu
              &lt;/Text&gt;
          &lt;/View&gt;
          )
      }
  // );
  });
  </code></pre>
  
  <h3>containers/app.jsx:</h3>
  
  <pre><code>import React, { Component } from 'react-native';
  import { Provider } from 'react-redux';
  import configureStore from 'configStore';
  import ExNavigator from '@exponent/react-native-navigator';
  import routes from 'routes';
  
  export default class App extends Component{
  
  
  
     /**
       * Render
       *
       * @return {jsx} Render &lt;Provider /&gt; component
       */
      render(){
          return (
              &lt;Provider store={ configureStore() }&gt;
                  &lt;ExNavigator
                    initialRoute={ routes.getHomeRoute() }
                    style={{ flex: 1 }}
                    sceneStyle={{ paddingTop: 64 }} /&gt;
              &lt;/Provider&gt;
          );
      }
  
  }
  </code></pre>
  
  <h3>reducers/bar.jsx:</h3>
  
  <p>This is setting the state of text = "testssters". I'm trying to print this out in my component.</p>
  
  <pre><code>import Immutable from 'immutable';
  import { BAR } from 'constants/ActionTypes';
  
  const initialState = Immutable.fromJS({
      text: "hi"
  });
  
  export default function bar(state = {
      text: "testssters",
    }, action) 
  {
      switch(action.type) {
          case BAR:
              state = state;
              break;
      }
  
      return state;
  }
  </code></pre>
  
  <h3>routes.jsx:</h3>
  
  <pre><code>const routes = {};
  
      /**
       * Homepage
       *
       */
  
       // Shows the homepage (Welcome/index.js)
      routes.getHomeRoute = () =&gt; ({
          getSceneClass() {
              return require('Welcome/').default;
          },
          getTitle() {
              return 'Welcome';
          }
      });
  </code></pre>
  
  <h3>configStore.jsx:</h3>
  
  <pre><code>import { createStore, combineReducers, applyMiddleware, compose } from 'redux';
  import thunk from 'redux-thunk';
  import * as reducers from 'reducers/';
  
  const createStoreWithMiddleware = compose(
      applyMiddleware(thunk)
      // Add remote-redux-devtools
  )(createStore);
  
  export default function configureStore() {
      return createStoreWithMiddleware(combineReducers(reducers));
  }
  </code></pre>