[v2] Update examples in v2 branch

[camsjams]

Summary

Some of the examples in the v2 branch https://github.com/gatsbyjs/gatsby/tree/v2/examples

Have package.json versions pointed at latest instead of next - is this intentional?

Examples include:
https://github.com/gatsbyjs/gatsby/blob/v2/examples/using-styled-components/package.json
https://github.com/gatsbyjs/gatsby/blob/v2/examples/using-redux/package.json

[m-allanson]

Upgrading the examples is still a work in progress - any help would be very welcome!

Although note that the v2 upgrade guide hasn't been written yet, so you'll need to rely on checking how other examples have been changed and the placeholder breaking changes list.

If anyone wants to take any of these on, I'm happy to provide any guidance needed.

[pieh]

I added this issue to v2 project, so people can discover it easier if they want to help out on v2

[webwurst]

It would be nice to have a list of already ported and yet to be done examples :)

[m-allanson]

A list would be excellent - would you like to make one and and add it here?

You can check the package.json of each example to see which ones have been upgraded. For examples running on v2, their Gatsby dependencies will be using the next version and have react and react-dom included:

gatsby/examples/image-processing/package.json

Lines 8 to 18 in d0e2927

	"gatsby": "next",
	"gatsby-image": "next",
	"gatsby-plugin-google-analytics": "next",
	"gatsby-plugin-offline": "next",
	"gatsby-plugin-sharp": "next",
	"gatsby-plugin-typography": "next",
	"gatsby-source-drupal": "next",
	"gatsby-source-filesystem": "next",
	"gatsby-transformer-sharp": "next",
	"react": "^16.4.0",
	"react-dom": "^16.4.0",

Examples running on v1 will have different version numbers and no react or react-dom:

gatsby/examples/using-remark-copy-linked-files/package.json

Lines 7 to 20 in d0e2927

	"gatsby": "latest",
	"gatsby-plugin-google-analytics": "^1.0.12",
	"gatsby-plugin-offline": "^1.0.10",
	"gatsby-plugin-react-helmet": "^2.0.1",
	"gatsby-plugin-sharp": "latest",
	"gatsby-plugin-typography": "latest",
	"gatsby-remark-copy-linked-files": "latest",
	"gatsby-remark-images": "latest",
	"gatsby-remark-prismjs": "latest",
	"gatsby-remark-responsive-iframe": "latest",
	"gatsby-remark-smartypants": "latest",
	"gatsby-source-filesystem": "latest",
	"gatsby-transformer-remark": "latest",
	"gatsby-transformer-sharp": "latest",

[m-allanson]

Oh and there's a work-in-progress migration guide at https://github.com/gatsbyjs/gatsby/blob/v2/docs/docs/migrating-from-v1-to-v2.md

[webwurst]

Examples migrated to Gatsby v2:

• Client-only paths
• RSS Feed Example (Update feed and javascript transform example sites #6224)
• Gatsbygram
• Gatsby Hacker News
• Image Processing
• No plugins
• No trailing slashes
• Gatsby Authentication Demo
• Sitemap ([v2] Update sitemap example #5679)
• Gatsby Styleguide Example ([v2] Update styleguide example #5712)
• Using Drupal
• Using Contentful
• using-css-modules
• using-csv
• Using Drupal
• using-emotion-prismjs
• using-emotion
• using-excel
• Using Faker
• Using Gatsby Image
• Using Glamor
• using-hjson
• Using Javascript Transforms (Update feed and javascript transform example sites #6224)
• Using JSS
• Using Medium
• using-mongodb
• using-page-loading-indicator
• using-page-transitions
• using-path-prefix
• using-react-native-web (Remove using-react-native-web example #7095)
• using-react-url-query (Remove using-react-url-query example #7097)
• using-redirects
• Redux ([v2] Update redux example #5713)
• using-gatsby-remark-copy-linked-files
• Using remark
• Using gatsby-plugin-sass
• using-sqip (Update using-sqip example to gatsby v2 #7081)
• Using Styled Components
• using-styled-jsx
• Using Styletron CSS-in-JS engine
• Using gatsby-plugin-stylus
• using-typescript ([v2] Typescript plugin not working #5520)
• Using Wordpress

[piotrkwiecinski]

I could probably grab sitemap one for start :). Happy to help

[m-allanson]

😍 for all the pull requests updating these examples. Keep 'em coming :)

[piotrkwiecinski]

RSS feed one has similar issue as sitemap. It's quite basic. I'll try to PR extended version to master first over the weekend.

[ryanditjia]

I’m getting errors with source-hacker-news.

⠠ source and transform nodesfetch HN data: 17699.665ms
success source and transform nodes — 23.070 s
error UNHANDLED REJECTION


  TypeError: Cannot read property 'internal' of undefined

 - build-node-types.js:85 _.flatMap.groupBy.node
    [project-name]/[gatsby]/dist/schema/build-node-typ    es.js:85:55

  - lodash.js:489 arrayAggregator
    [project-name]/[lodash]/lodash.js:489:34

  - lodash.js:4835 Function.groupBy
    [project-name]/[lodash]/lodash.js:4835:16

  - lodash.js:4380
    [project-name]/[lodash]/lodash.js:4380:28

  - lodash.js:675 arrayReduce
    [project-name]/[lodash]/lodash.js:675:21

  - lodash.js:4379 baseWrapperValue
    [project-name]/[lodash]/lodash.js:4379:14

  - lodash.js:9042 LodashWrapper.wrapperValue
    [project-name]/[lodash]/lodash.js:9042:14

  - build-node-types.js:85 createNodeFields
    [project-name]/[gatsby]/dist/schema/build-node-typ    es.js:85:111

  - build-node-types.js:171 fields
    [project-name]/[gatsby]/dist/schema/build-node-typ    es.js:171:23

  - Array.forEach

  npm ERR!

[ajayns]

@ryanditjia I'm getting the same errors. Looks like an issue with the plugin itself.

Also, going through using-javascript-transforms example, I'm unsure of what's going wrong but looks like it keeps throwing exports is undefined errors.

[m-allanson]

Thanks everyone for your help with this issue 🎉 Marking this as done.