Feat/remove redundant imports from examples (#13062)

The issue is related to [12964](#12964)

Let me know if there are any changes you want me to make.

Affected examples:

**with-glamor
with-graphql-hooks
with-graphql-react
with-grommet
with-http2
with-jest
with-cookie-auth-fauna
with-context-api
with-cerebral
with-aphrodite
with-apollo-and-redux
basic-css
with-carbon-components
amp-first**

I would love to help more, so let me know if there is anything specific I can contribute to.

examples/amp-first/pages/index.js

@@ -1,4 +1,3 @@
-import React from 'react'
 import Layout from '../components/Layout'
 import AmpState from '../components/amp/AmpState'
 import AmpScript from '../components/amp/AmpScript'

examples/amp-first/pages/offline.js

@@ -1,4 +1,3 @@
-import React from 'react'
 import Layout from '../components/Layout'
 
 export const config = { amp: true }

examples/with-aphrodite/pages/index.js

@@ -1,4 +1,3 @@
-import React from 'react'
 import { StyleSheet, css } from 'aphrodite'
 
 if (typeof window !== 'undefined') {

examples/with-app-layout/pages/_app.js

@@ -1,5 +1,3 @@
-import React from 'react'
-
 const Layout = ({ children }) => <div className="layout">{children}</div>
 
 export default function App({ Component, pageProps }) {

examples/with-aws-amplify/pages/index.js

@@ -1,4 +1,4 @@
-import * as React from 'react'
+import { useReducer } from 'react'
 import { API, graphqlOperation } from 'aws-amplify'
 import nanoid from 'nanoid'
 import produce from 'immer'
@@ -74,7 +74,7 @@ const deleteToDo = async (dispatch, id) => {
   }
 }
 const App = (props) => {
-  const [state, dispatch] = React.useReducer(reducer, {
+  const [state, dispatch] = useReducer(reducer, {
     todos: props.todos,
     currentName: '',
   })

examples/with-aws-amplify/pages/todo/[id].js

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import { API, graphqlOperation } from 'aws-amplify'
 
 import { getTodo } from '../../src/graphql/queries'

examples/with-babel-macros/pages/_document.js

@@ -1,4 +1,3 @@
-import React from 'react'
 import Document, { Head, Main, NextScript } from 'next/document'
 
 export default class MyDocument extends Document {

examples/with-babel-macros/pages/index.js

@@ -1,4 +1,3 @@
-import React from 'react'
 import preval from 'preval.macro'
 
 const whoami = preval`

examples/with-carbon-components/pages/index.js

@@ -1,4 +1,4 @@
-import React, { Component, Fragment } from 'react'
+import { Component, Fragment } from 'react'
 import { Button } from 'carbon-components-react'
 
 export default class DemoApp extends Component {

examples/with-chakra-ui/src/pages/_app.js

@@ -1,4 +1,3 @@
-import React from 'react'
 import NextApp from 'next/app'
 import { ThemeProvider, CSSReset, ColorModeProvider } from '@chakra-ui/core'
 

examples/with-chakra-ui/src/pages/index.js

@@ -1,4 +1,3 @@
-import React from 'react'
 import { withTheme } from 'emotion-theming'
 import {
   Link as ChakraLink,

examples/with-chakra-ui/src/theme.js

@@ -1,4 +1,3 @@
-import React from 'react'
 import { theme as chakraTheme } from '@chakra-ui/core'
 
 const fonts = { ...chakraTheme.fonts, mono: `'Menlo', monospace` }

examples/with-cookie-auth-fauna/pages/index.js

@@ -1,4 +1,3 @@
-import React from 'react'
 import Layout from '../components/layout'
 
 const Home = () => (

examples/with-cookie-auth-fauna/pages/login.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import { useState } from 'react'
 import Router from 'next/router'
 import Layout from '../components/layout'
 

examples/with-cookie-auth-fauna/pages/signup.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import { useState } from 'react'
 import Router from 'next/router'
 import Layout from '../components/layout'
 

examples/with-custom-babel-config/pages/index.js

@@ -1,6 +1,5 @@
-import React from 'react'
-
-export default class MyLuckNo extends React.Component {
+import { Component } from 'react'
+export default class MyLuckNo extends Component {
   constructor(...args) {
     super(...args)
     this.state = { randomNo: null }

examples/with-glamor/pages/index.js

@@ -1,4 +1,3 @@
-import React from 'react'
 import { rehydrate } from 'glamor'
 
 // Adds server generated styles to glamor cache.

examples/with-graphql-hooks/pages/_app.js

@@ -1,5 +1,4 @@
 import App from 'next/app'
-import React from 'react'
 import withGraphQLClient from '../lib/with-graphql-client'
 import { ClientContext } from 'graphql-hooks'
 

examples/with-grommet/pages/_app.js

@@ -1,4 +1,3 @@
-import React from 'react'
 import App from 'next/app'
 import { Grommet, grommet as grommetTheme } from 'grommet'
 

examples/with-grommet/pages/index.js

@@ -1,4 +1,3 @@
-import React from 'react'
 import { Anchor, Box, Heading, Paragraph } from 'grommet'
 
 export default function Home() {

examples/with-i18n-rosetta/pages/_app.js

@@ -1,4 +1,3 @@
-import React from 'react'
 import I18n from '../lib/i18n'
 
 export default function MyApp({ Component, pageProps }) {

examples/with-jest/pages/index.js

@@ -1,5 +1,4 @@
 import Head from 'next/head'
-import React from 'react'
 import styles from './index.module.css'
 
 const Home = () => (