generator-tradie-react-app/generators/app/templates/react-redux-universal/src/components/Page1.jsx

A generator for scaffolding React apps with Tradie.

import React from 'react';
import {connect} from 'react-redux';
import {push} from 'react-router-redux';

export function handleClick(dispatch) {
  dispatch(push('/page-2'));
}

export function Page1(props) {
  const {dispatch} = props;
  return (
    <div>
      <h2>Page #1</h2>
      <p>Hello World!</p>
      <button onClick={() => handleClick(dispatch)}>Go to Page #2</button>
    </div>
  );
}

Page1.propTypes = {
  dispatch: React.PropTypes.func.isRequired
};

export default connect()(Page1);