Fix Apollo Example (#900)

* Add minimal apollo example * Update apollo example README * Update apollo example demo link in README * Fix button styles * Fix show more button * Alias demo url * Include the data field on the Apollo store when hydrating * Revert * Include the data field on the Apollo store when hydrating per tpreusse's suggestion. * Add example to faq section in README * Sort by newest; Add active state to buttons * Make optimization suggestions * Use process.browser; inline props * Pass wrapped component's initial props into component heirarchy if they exist * Remove unnecessary sorting of array
vercel · Jan 27, 2017 · 8310f81 · 8310f81
1 parent 8922e7b
commit 8310f81
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/examples/with-apollo/components/PostList.js b/examples/with-apollo/components/PostList.js
@@ -14,9 +14,7 @@ function PostList ({ data: { allPosts, loading, _allPostsMeta }, loadMorePosts }
   return (
     <section>
       <ul>
-        {allPosts
-        .sort((x, y) => new Date(y.createdAt) - new Date(x.createdAt))
-        .map((post, index) =>
+        {allPosts.map((post, index) =>
           <li key={post.id}>
             <div>
               <span>{index + 1}. </span>

diff --git a/examples/with-apollo/components/Submit.js b/examples/with-apollo/components/Submit.js
@@ -70,7 +70,7 @@ export default graphql(createPost, {
           const newPost = mutationResult.data.createPost
           return Object.assign({}, previousResult, {
             // Append the new post
-            allPosts: [...previousResult.allPosts, newPost]
+            allPosts: [newPost, ...previousResult.allPosts]
           })
         }
       }