generator-react-node/generators/app/templates/lib/client/views/pages/home.js

A kickstarter app generator for React and Node.js based application with redux, webpack, and babel

'use strict';

import React from 'react';
import Page from '../components/page';
import * as actions from '../../actions';
import { connect } from 'react-redux';

class Home extends React.Component {
  constructor () {
    super();
  }

  componentWillMount () {
    this.props.dispatch(actions.fetchPageData());
  }

  render () {
    return (
      <Page className="home-page" header="Home">
        <h2>{this.props.message}</h2>
      </Page>
    );
  }
}

Home.displayName = 'Home';

function select (state) {
  return {
    message: state.homePage.message
  };
}

export default connect(select)(Home);