Problems accessing state in React-native with redux app
<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>