create-personal-react-app/templates/src/app/core/components/pages/Home/index.js

A thin wrapper around Facebook's create-react-app

import React, { useEffect } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import MainHeader from '../../modules/MainHeader';
import MainContent from '../../modules/MainContent';
import { doRequestLoading } from '../../../../ui/actions';

export const Home = ({ onRequestLoading }) => {
  useEffect(() => {
    onRequestLoading();
  }, [onRequestLoading]);

  return (
    <>
      <MainHeader />
      <MainContent>
        <p>Bem-vindo ao Admin. Esta é a página inicial do painel administrativo.</p>
      </MainContent>
    </>
  );
};

Home.propTypes = {
  onRequestLoading: PropTypes.func.isRequired,
};

const mapDispatchToProps = {
  onRequestLoading: doRequestLoading,
};

export default connect(
  null,
  mapDispatchToProps
)(Home);