title: How to get dispatch redux
body: <p>I'm learning redux and react. I am following some tutorials, in order to make a app.</p>
  
  <p>I have this <code>action</code>:</p>
  
  <pre><code>export function getDueDates(){
    return {
      type: 'getDueDate',
      todo
    }
  }
  </code></pre>
  
  <p>this is the store:</p>
  
  <pre><code>import { createStore } from 'redux';
  import duedates from './reducers/duedates'
  
  export default createStore(duedates)
  </code></pre>
  
  <p>This is the reducer:</p>
  
  <p>import Immutable from 'immutable'</p>
  
  <pre><code>export default (state = Immutable.List(['Code More!']), action) =&gt; {
    switch(action.type) {
      case 'getDueDate':
        return state.unshift(action.todo)
      default:
        return state
    }
  }
  </code></pre>
  
  <p>and in the <code>entry point js</code> I have this:</p>
  
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  
  import store from './app/store'
  import { Provider } from 'react-redux'
  
  import App from './app/Components/AppComponent';
  
  
  ReactDOM.render(
      &lt;Provider store={store}&gt;
          &lt;App /&gt;
      &lt;/Provider&gt;,
      document.getElementById('app')
  );
  </code></pre>
  
  <p>Now, (according to some examples), I should call <code>getDueDate</code> from the <code>dispatch</code> but I dont get how to get the <code>dispatch</code> on the component, to trigger the action </p>