chore: Update using-javascript-transforms example to es6 declarations (gatsbyjs#21125)

alexisshriov · web-flow · commit d8dfcc1d7654 · 2020-02-01T22:23:32.000+02:00
* changed deprecated method componentWillReceiveProps to getDerivedStateFromProps, checked for props changes to trigger updates

* Removed unnecessary component state, used props instead

* changed vars to es6 keywords

* undid changes

* updated to ES6

* updated to ES6

* changed more files
diff --git a/examples/using-javascript-transforms/src/articles/2017-05-30-choropleth-on-d3v4-alternate/index.js b/examples/using-javascript-transforms/src/articles/2017-05-30-choropleth-on-d3v4-alternate/index.js
@@ -1,7 +1,7 @@
 import React from "react"
 import { graphql } from "gatsby"
 import BlogPostChrome from "../../components/BlogPostChrome"
-var d3 = require(`d3`)
+const d3 = require(`d3`)
 
 // this is an additional method to export data and make it usable elsewhere
 export const frontmatter = {
@@ -70,10 +70,10 @@ class choroplethAltBase extends React.Component {
 
 export default choroplethAltBase
 
-var graph = {} // we namespace our d3 graph into setup and draw
+let graph = {} // we namespace our d3 graph into setup and draw
 
-var stateDataURL = `https://gist.githubusercontent.com/jbolda/52cd5926e9241d26489ec82fa2bddf37/raw/f409b82e51072ea23746325eff7aa85b7ef4ebbd/states.json`
-var statisticsDataURL = `https://gist.githubusercontent.com/jbolda/52cd5926e9241d26489ec82fa2bddf37/raw/f409b82e51072ea23746325eff7aa85b7ef4ebbd/stats.csv`
+const stateDataURL = `https://gist.githubusercontent.com/jbolda/52cd5926e9241d26489ec82fa2bddf37/raw/f409b82e51072ea23746325eff7aa85b7ef4ebbd/states.json`
+const statisticsDataURL = `https://gist.githubusercontent.com/jbolda/52cd5926e9241d26489ec82fa2bddf37/raw/f409b82e51072ea23746325eff7aa85b7ef4ebbd/stats.csv`
 
 graph.setup = (selection, measurements) => {
   // the path string is drawn expecting:
diff --git a/packages/gatsby-transformer-sharp/src/customize-schema.js b/packages/gatsby-transformer-sharp/src/customize-schema.js
@@ -34,9 +34,9 @@ const {
 } = require(`./types`)
 
 function toArray(buf) {
-  var arr = new Array(buf.length)
+  const arr = new Array(buf.length)
 
-  for (var i = 0; i < buf.length; i++) {
+  for (let i = 0; i < buf.length; i++) {
     arr[i] = buf[i]
   }
 

Original file line number	Diff line number	Diff line change
`@@ -34,9 +34,9 @@ const {`
`34`	`34`	} = require(`./types`)
`35`	`35`
`36`	`36`	`function toArray(buf) {`
`37`		`- var arr = new Array(buf.length)`
	`37`	`+ const arr = new Array(buf.length)`
`38`	`38`
`39`		`- for (var i = 0; i < buf.length; i++) {`
	`39`	`+ for (let i = 0; i < buf.length; i++) {`
`40`	`40`	`arr[i] = buf[i]`
`41`	`41`	`}`
`42`	`42`