title: React-Redux connect not working
body: <p>I am trying to use React+Redux in my codepen pen, but the connect is not injecting the prop,</p>
  
  <p>Maybe its because being an amateur, I'm missing something. Please have a look.
  <a href="http://codepen.io/sahil28v/pen/EKEKME?editors=0010" rel="noreferrer">http://codepen.io/sahil28v/pen/EKEKME?editors=0010</a></p>
  
  <pre><code>const { Component } = React;
  const { createStore, bindActionCreators, applyMiddleWare, combineReducers } =     Redux;
  const { Provider, connect } = ReactRedux;
  
  const Application = () =&gt;  (
          &lt;div className="ground"&gt;
      &lt;Tmap /&gt;
          &lt;/div&gt;
      );
  
  class Tmap extends Component {
    constructor(props){
    super(props);
    console.log(this.props.mapstate);  // This is returning undefined,no idea why
    console.log(store.getState().mapstate); // Though this returns val: "hey" as it should properly though.
   }
   render () {
    return (
     &lt;div&gt;
  
     &lt;/div&gt;
    );
   }
  }
  
  const mapStateToProps = (state) =&gt; ({
  mapstate: state.mapstate
  });
  
  connect(mapStateToProps)(Tmap);
  
  const initialState = {
    val: "hey"
  }
  
  const mapReducer = (state = initialState, action) =&gt; {
   return state ;
  } ;
  
  const rootReducer = combineReducers({
    mapstate: mapReducer,
  });
  
  const store = createStore(rootReducer);
  
  React.render(
      &lt;Provider store={store}&gt;
          &lt;Application /&gt;
      &lt;/Provider&gt;, document.getElementById('app')
  );
  </code></pre>
  
  <p>Also,,, can I configure store over here in codepen itself for using redux devtools(chrome extension).
  I tried adding ...window.devToolsExtension ? window.devToolsExtension() : f => f , to the create store but that doesn't work.</p>
  
  <p>While somebody is answering -- can you also recommend good documentation/video for: 
  ->learning ES6 ...</p>
  
  <p>-- Thanks for the help</p>