Upgrade Gatsby

Author: Brandon Johnson

components/Meetup.js

@@ -22,9 +22,11 @@ export default class Meetup extends React.Component {
     window
       .fetch(NEXT_MEETUP_URI)
       .then(res => res.json())
-      .then(json =>
+      .then(({ name, time, venue }) =>
         this.setState({
-          ...json,
+          name,
+          time,
+          venue,
           loading: false,
           error: false
         })
@@ -43,9 +45,7 @@ export default class Meetup extends React.Component {
       title: {
         fontSize: '2rem',
         margin: '1rem'
-      },
-      bug: {},
-      rsvpButton: {}
+      }
     }
 
     const MeetupDescription = ({ name, time, venue }) => (

html.js

@@ -7,12 +7,7 @@ import typography from './utils/typography'
 
 const BUILD_TIME = new Date().getTime()
 
-module.exports = React.createClass({
-  propTypes () {
-    return {
-      body: React.PropTypes.string,
-    }
-  },
+export default class Html extends React.Component {
   render () {
     const head = Helmet.rewind()
 
@@ -42,5 +37,5 @@ module.exports = React.createClass({
         </body>
       </html>
     )
-  },
-})
+  }
+}

package.json

@@ -43,6 +43,9 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "lint-staged": {
-    "{pages,components,css}/**/*.{js,json,css}": ["prettier --write --no-semi --single-quote", "git add"]
+    "{pages,components,css}/**/*.{js,json,css}": [
+      "prettier --write --no-semi --single-quote",
+      "git add"
+    ]
   }
 }

pages/_template.jsx

@@ -10,12 +10,7 @@ import { config } from 'config'
 
 import { rhythm } from '../utils/typography'
 
-module.exports = React.createClass({
-  propTypes () {
-    return {
-      children: React.PropTypes.any,
-    }
-  },
+export default class Template extends React.Component {
   render () {
     return (
       <div className="site-wrapper">
@@ -74,5 +69,5 @@ module.exports = React.createClass({
         </Container>
       </div>
     )
-  },
-})
+  }
+}

wrappers/html.js

@@ -2,16 +2,11 @@ import React from 'react'
 import Helmet from 'react-helmet'
 import { config } from 'config'
 
-module.exports = React.createClass({
-  propTypes () {
-    return {
-      router: React.PropTypes.object,
-    }
-  },
+export default class Html extends React.Component {
   render () {
     const page = this.props.route.page.data
     return (
       <div dangerouslySetInnerHTML={{ __html: page.body }} />
     )
-  },
-})
+  }
+}

wrappers/md.js

@@ -3,12 +3,7 @@ import 'css/markdown-styles.css'
 import Helmet from 'react-helmet'
 import { config } from 'config'
 
-module.exports = React.createClass({
-  propTypes () {
-    return {
-      router: React.PropTypes.object,
-    }
-  },
+export default class Md extends React.Component {
   render () {
     const post = this.props.route.page.data
     return (
@@ -20,5 +15,5 @@ module.exports = React.createClass({
         <div dangerouslySetInnerHTML={{ __html: post.body }} />
       </div>
     )
-  },
-})
+  }
+}