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

.eslintrc.yml

@@ -0,0 +1,11 @@
+extends: 
+  - 'standard'
+  - 'plugin:react/recommended'
+  - 'plugin:flowtype/recommended'
+  - 'prettier'
+  - 'prettier/flowtype'
+  - 'prettier/react'
+  - 'prettier/standard'
+plugins:
+  - react
+  - flowtype

.flowconfig

@@ -0,0 +1,12 @@
+[ignore]
+
+[include]
+
+[libs]
+
+[lints]
+all=warn
+
+[options]
+
+[strict]

package.json

@@ -1,12 +1,11 @@
 {
   "name": "react-website",
-  "version": "0.2.16",
+  "version": "0.2.17",
   "private": true,
   "dependencies": {
     "@fortawesome/fontawesome": "^1.1.8",
     "@fortawesome/fontawesome-free-solid": "^5.0.13",
     "@fortawesome/react-fontawesome": "^0.0.19",
-    "prop-types": "^15.6.1",
     "react": "^16.3.2",
     "react-dom": "^16.3.2",
     "react-responsive-navbar": "^1.0.11",
@@ -20,7 +19,18 @@
     "eject": "react-scripts eject"
   },
   "devDependencies": {
+    "babel-eslint": "^8.2.6",
     "csslint": "^1.0.5",
+    "eslint": "^5.1.0",
+    "eslint-config-prettier": "^2.9.0",
+    "eslint-config-standard": "^11.0.0",
+    "eslint-plugin-flowtype": "^2.50.0",
+    "eslint-plugin-import": "^2.13.0",
+    "eslint-plugin-node": "^6.0.1",
+    "eslint-plugin-promise": "^3.8.0",
+    "eslint-plugin-react": "^7.10.0",
+    "eslint-plugin-standard": "^3.1.0",
+    "flow-bin": "^0.76.0",
     "prettier": "^1.13.7"
   }
 }

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">