[Typescript Functional Component Template] This is just my template for a new functional component written in React and Typescript. #react #typescript #functional-component

FunctionComponent.tsx

import React, { useState, useEffect, FunctionComponent } from "react"
import PropTypes from "prop-types"

type SubscribeProps = {
  title: string
  paragraph?: string
}

const Subscribe: FunctionComponent<SubscribeProps> = ({
  title,
  paragraph = "default",
  children,
}) => {
  // Component state
  const [status, setStatus] = useState("initalValue")

  // Sideeffects like onLoad and stuff
  useEffect(() => {
    document.title = `Hello ${name}`
  }, [name])
  
  return <div>hi</div>
}

Subscribe.propTypes = {
  title: PropTypes.string.isRequired,
  paragraph: PropTypes.string,
}

export default Subscribe