Swapped Proptypes for Flow; setup new eslint, standard, prettier, and flow analyzing system; version bump

src/Website.js

@@ -1,3 +1,4 @@
+// @flow
 import React from "react"
 import { Route, Switch } from "react-router-dom"
 
@@ -10,7 +11,9 @@ import Contact from "./containers/Contact"
 
 import "./Website.css"
 
-class Website extends React.Component {
+type Props = {}
+
+class Website extends React.Component<Props> {
   render() {
     return (
       <div className="website">

src/components/ClearButton/index.js

@@ -1,9 +1,14 @@
+// @flow
 import React from "react"
-import PropTypes from "prop-types"
 
 import "./index.css"
 
-class ClearButton extends React.PureComponent {
+type Props = {
+  href: string,
+  children: string
+}
+
+class ClearButton extends React.PureComponent<Props> {
   render() {
     return (
       <a className="clear-button" href={this.props.href}>
@@ -13,9 +18,4 @@ class ClearButton extends React.PureComponent {
   }
 }
 
-ClearButton.propTypes = {
-  href: PropTypes.string,
-  children: PropTypes.string
-}
-
 export default ClearButton

src/components/Header/index.js

@@ -1,10 +1,13 @@
+// @flow
 import React from "react"
 
 import SmallText from "../SmallText"
 
 import "./index.css"
 
-class Header extends React.PureComponent {
+type Props = {}
+
+class Header extends React.PureComponent<Props> {
   render() {
     return (
       <div className="header-container">

src/components/Navbar/index.js

@@ -1,3 +1,4 @@
+// @flow
 import React from "react"
 import ResponsiveMenu from "react-responsive-navbar"
 import { NavLink } from "react-router-dom"
@@ -6,7 +7,9 @@ import faBars from "@fortawesome/fontawesome-free-solid/faBars"
 
 import "./index.css"
 
-class Navbar extends React.Component {
+type Props = {}
+
+class Navbar extends React.Component<Props> {
   render() {
     return (
       <ResponsiveMenu

src/components/SmallText/index.js

@@ -1,16 +1,16 @@
+// @flow
 import React from "react"
-import PropTypes from "prop-types"
 
 import "./index.css"
 
-class SmallText extends React.PureComponent {
+type Props = {
+  children: string
+}
+
+class SmallText extends React.PureComponent<Props> {
   render() {
     return <div className="small-text">{this.props.children}</div>
   }
 }
 
-SmallText.propTypes = {
-  children: PropTypes.string
-}
-
 export default SmallText

src/containers/Contact/index.js

@@ -1,9 +1,12 @@
+// @flow
 import React from "react"
 
 import "./index.css"
 import linkedIn from "../../images/In-2C-128px-TM.png"
 
-class Contact extends React.PureComponent {
+type Props = {}
+
+class Contact extends React.PureComponent<Props> {
   render() {
     return (
       <div className="contact-container">

src/containers/Experience/index.js

@@ -1,9 +1,12 @@
+// @flow
 import React from "react"
 
 import SmallText from "../../components/SmallText"
 import "./index.css"
 
-class Experience extends React.PureComponent {
+type Props = {}
+
+class Experience extends React.PureComponent<Props> {
   render() {
     return (
       <div className="experience-container">

src/containers/Home/index.js

@@ -1,9 +1,12 @@
+// @flow
 import React from "react"
 
 import "./index.css"
 import profile from "../../images/profile.jpg"
 
-class Home extends React.PureComponent {
+type Props = {}
+
+class Home extends React.PureComponent<Props> {
   render() {
     return (
       <div className="home-container">

src/containers/Projects/index.js

@@ -1,10 +1,13 @@
+// @flow
 import React from "react"
 
 import ClearButton from "../../components/ClearButton"
 
 import "./index.css"
 
-class Projects extends React.PureComponent {
+type Props = {}
+
+class Projects extends React.PureComponent<Props> {
   render() {
     return (
       <div className="projects-container">