homepage - header integration

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

// 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 Home below that
      <div>
        <Header appName={this.props.appName} />
        <Home />
      </div>
    );
  }
}

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