A simple template for a Functional react component (with i18n, Redux, Material UI)

ReactFunctionalComponentTemplate.js

import React, { useState, useEffect } from "react";
import { useSelector, useDispatch } from "react-redux";
import { useTranslation } from "react-i18next";
import { Link } from "react-router-dom";

// Get context for services and actions
import context from "context/";

// Material UI
import Grid from "@material-ui/core/Grid";
import Typography from "@material-ui/core/Typography";

// Material UI styles
import { makeStyles } from "@material-ui/core/styles";
const useStyles = makeStyles(theme => ({
  root: {
    marginTop: 20
  }
}));

const FunctionalComponent = props => {
  const dispatch = useDispatch();
  const { t } = props;
  const { someInfo } = useSelector(state => ({
    someInfo: state.some.info
  }));
  const [paramOne, setParamOne] = useState(props.paramOne);

  /**
   * Initial efects
   */
  useEffect(() => {
    // Unmount action
    return () => {};
  }, []);

  // Other effects

  return (
    <Grid container>
      <Grid item sm={12}>
        <Typography variant="body1">Paragraph</Typography>
      </Grid>
    </Grid>
  );
};

FunctionalComponent.defaultProps = {
  paramOne: ""
};

export default FunctionalComponent;