[docs] Add some examples for working with nested state

[jaredpalmer]

Right now, the docs show nearly all atom state to be strings or numbers. It would be great to show how to use atomFamily and selectorFamily to work with nested data and normalized data

[davidmccabe]

Good idea, we're rolling out more docs and examples. Thanks for the feedback.

[davidmccabe]

The short answer is that the contents of atoms is opaque as far as Recoil is concerned, so there's nothing to do.

[jaredpalmer]

I would just show one example. It removes the reader from having to guess.

[drarmstr]

@jaredpalmer - Is something like https://recoiljs.org/docs/guides/asynchronous-data-queries#data-flow-graph what you were thinking?

[jaredpalmer]

@drarmstr I think I figured this out.

https://codesandbox.io/s/recoil-sandbox-20200516-meh12?file=/src/App.js

• Fake fetch a list of objects
• Normalize them by id
• Make nested fields editable
• Provides a way to denormalize the data back into a list with a selector

Note: I'm not data fetching with recoil or with suspense