docs: add example for Resolve component

Author: csvenke

package-lock.json

@@ -44,6 +44,7 @@
     "coveralls": "^3.0.2",
     "enzyme-adapter-react-16": "^1.1.1",
     "enzyme": "^3.3.0",
+    "faker": "^4.1.0",
     "husky": "^1.0.0-rc.13",
     "jest": "^23.4.1",
     "lint-staged": "^7.2.0",

package.json

@@ -1,8 +1,14 @@
 ```jsx
-<List 
-  items={[1, 2, 3]}
-  render={n => (
-    <div key={n}>{`Render me! ${n}`}</div>
-  )}
-/>
-```
+const data = [1,2,3,4,5,6,7,8,9].map(() => faker.name.findName());
+
+<ul>
+  <List 
+    items={data}
+    render={n => (
+      <li key={n}>
+        <div>{n}</div>
+      </li>
+    )}
+  />
+</ul>
+```

src/components/List/List.md

@@ -0,0 +1,35 @@
+```jsx
+const data = [1,2,3].map(() => faker.fake("{{lorem.sentence}}"));
+
+class Example extends React.Component {
+  render() {
+    return (
+      <>
+        <List
+          items={data}
+          render={(v,i) => (
+            <Resolve 
+              promise={this._getData(v)}
+              pending={<div key={i}>Fetching data...</div>}
+              resolved={value => (
+                  <div key={i}>{v}</div>
+              )}
+            />
+          )}
+        />
+        <button style={{marginTop: '16px'}} onClick={() => this.forceUpdate()}>Reload</button>
+      </>
+    )
+  }
+
+  _getData(data) {
+    return new Promise(resolve => {
+      setTimeout(() => {
+        resolve(data);
+      }, Math.floor(Math.random() * Math.floor(3000)))
+    })
+  }
+}
+
+<Example />
+```

src/components/Resolve/Resolve.md

@@ -1,6 +1,8 @@
 
 ```jsx
+const data = faker.fake("{{lorem.words}}");
+
 <Show when={true}>
-  <div>Render me!</div>
+  <div>{data}</div>
 </Show>
 ```

src/components/Show/Show.md

@@ -24,6 +24,9 @@ module.exports = {
   skipComponentsWithoutExample: true,
   components: getComponents('src/components/**/*.tsx'),
   styleguideDir: 'docs',
+  context: {
+    faker: "faker"
+  },
   template: {
     head: {
       links: [