router - app refactor

// Child components
import Header from './Header';

// modules for a redux-connected React component
import React from 'react';
import { connect } from 'react-redux';

// extract appName from state
const mapStateToProps = state => ({
  appName: state.appName
});

// render the appname
class App extends React.Component {
  render() {
    return (
      // render Header and children from router below that
      <div>
        <Header appName={this.props.appName} />
        {this.props.children}
      </div>
    );
  }
}

// ensure react-router attaches children to this component's props
App.contextTypes = {
  router: React.PropTypes.object.isRequired
};

// export redux-connected App
export default connect(mapStateToProps, () => ({}))(App);