update dependencies

Author: zfletch

package.json

@@ -4,18 +4,18 @@
   "private": true,
   "homepage": "https://perseids-project.github.io/beta-code-js/",
   "dependencies": {
-    "beta-code-js": "^1.0.6",
+    "beta-code-js": "^1.0.8",
     "bootstrap": "^4.3.1",
-    "eslint-config-airbnb": "^17.1.1",
-    "eslint-plugin-jest": "^22.7.2",
-    "gh-pages": "^2.0.1",
+    "eslint-config-airbnb": "^18.0.1",
+    "eslint-plugin-jest": "^22.15.2",
+    "gh-pages": "^2.1.1",
     "perseids-react-components": "^0.1.1",
     "prop-types": "^15.7.2",
-    "react": "^16.8.6",
+    "react": "^16.9.0",
     "react-clipboard.js": "^2.0.13",
-    "react-dom": "^16.8.6",
+    "react-dom": "^16.9.0",
     "react-router-dom": "^5.0.1",
-    "react-scripts": "3.0.1",
+    "react-scripts": "3.1.1",
     "typeface-tinos": "^0.0.72"
   },
   "scripts": {

src/components/App/App.js

@@ -8,7 +8,7 @@ import Converter from '../Converter';
 
 const App = () => (
   <Router basename={process.env.PUBLIC_URL}>
-    <React.Fragment>
+    <>
       <PerseidsHeader>
         Greek Beta Code Converter
       </PerseidsHeader>
@@ -23,7 +23,7 @@ const App = () => (
         report="https://github.com/perseids-project/beta-code-js"
         github="https://github.com/perseids-project/beta-code-js/issues"
       />
-    </React.Fragment>
+    </>
   </Router>
 );
 

src/components/Converter/Converter.js

@@ -5,14 +5,14 @@ import Clipboard from 'react-clipboard.js';
 import styles from './Converter.module.css';
 
 class Converter extends Component {
-  state = {
-    beta: '',
-    unicode: '',
-  }
-
   constructor(props) {
     super(props);
 
+    this.state = {
+      beta: '',
+      unicode: '',
+    };
+
     this.handleBetaChange = this.handleBetaChange.bind(this);
     this.handleUnicodeChange = this.handleUnicodeChange.bind(this);
   }
@@ -39,7 +39,7 @@ class Converter extends Component {
     const { beta, unicode } = this.state;
 
     return (
-      <React.Fragment>
+      <>
         <div className="row pt-4 mb-3">
           <div className="col-12 text-center">
             <h1 className="h3 font-weight-normal">
@@ -108,7 +108,7 @@ class Converter extends Component {
             </Clipboard>
           </div>
         </div>
-      </React.Fragment>
+      </>
     );
   }
 }