title: React Native - Redux
body: <p>So, im getting started with react native and redux. I'm trying to setup a basic app state, just a <code>counter</code> property to increment when a button is pressed.
  Basically, no error is thrown but the state doesnt get updated, at least in the screen the <code>counter</code> keeps having the same value.</p>
  
  <p>Ill try to document the code bellow.</p>
  
  <p>App.js - its where I create the store and a basic reducer</p>
  
  <pre><code>import {createStore} from 'redux'
  import {Provider} from 'react-redux'
  
  import App from './src/App'
  
  const initialState = { counter: 0 }
  const reducer = (state=initialState, action) {
    switch(action.type)
    {
       case 'INCREASE_COUNTER':
         return {counter: state.counter++}
    }
    return state;
  }
  const store = createStore(reducer)
  
  class AppProvider extends React.Component {
    render() {
       return (
          &lt;Provider store={store}&gt;
             &lt;App /&gt;
          &lt;/Provider&gt;
       )
    }
  }
  
  export default AppProvider
  </code></pre>
  
  <p>./src/App.js - its where i have the View implemented</p>
  
  <pre><code>import {connect} from 'react-redux';
  
  class App extends React.Component  {
     render() {
        return (
           &lt;View&gt;
             &lt;Button title="increase" onPress={this.props.increaseCounter}/&gt;
             &lt;Text&gt;Counter: {this.props.counter}&lt;/Text&gt;
           &lt;/View&gt;
        )
     }
  }
  
  function mapStateToProps(state) {
    return {counter: state.counter};
  }
  
  function mapDispatchToProps(dispatch) {
    return {
      increaseCounter: () =&gt; dispatch({type: 'INCREASE_COUNTER'}),
    };
  }
  
  export default connect(mapStateToProps)(App);
  </code></pre>
  
  <p>So no error is thrown but the screen still shows <code>Counter: 0</code> as I press the button.
  I'm probably missing something here.</p>
  
  <p>Any help would be awesome.
  Thanks and happy programming!</p>