create example-react-hooks-useContext

[iqbal125]

simple test example to test if a child component can update the context state.

[kentcdodds]

This looks fine to me, but we should add jsx to the codefences so we get syntax highlighting:

```js code... ```

[alexkrolick]

One comment - naming the inner component TestComponent could make people think that is a special for component just for the test instead of part of the App. Can we change that and add a note along the lines of:

The basic idea is to test your components as they are used. Instead of testing the context-providing component separately, your main focus should be testing that the features connected to the context work correctly.

[eps1lon]

Some nitpicks:

• use flat folder structure (nesting is not necessary for this example)
• consistent import from react (sometimes React.createContext, sometimes import { useContext } from 'react'

[iqbal125]

@kentcdodds @eps1lon @alexkrolick @afontcu Made changes based on feedback let me know what you think.

[iqbal125]

@afontcu Made changes based on feedback let me know what you think.

[iqbal125]

@afontcu was able to make the changes let me know what you think.

[afontcu]

Looks great from here, thank you very much for this 😄

[afontcu]

I've cleaned up the file a bit (whitespacing, naming, etc), but I'd love someone else to check that the actual example test makes sense (from a React/useContext point of view). Not sure if using it with useState makes the example a bit cumbersome.

Your call! :)

[alexkrolick]

It would be good to link this page to the wrapper docs to show how to deal with Context providers when you aren't rendering a whole app. We also need to add an entry in the navigation tree for this page.