Continue work

Author: jamesplease

src/components/App.js

@@ -29,7 +29,15 @@ class App extends Component {
           <ReadGist gistId="a6396779d28ed91eb1a55d54a5d228c9">
             {stuff => {
               console.log('the stuff', stuff);
-              return <div>Got it</div>;
+              const { status } = stuff;
+
+              return (
+                <div>
+                  {status.pending && <div>Loading...</div>}
+                  {status.error && <div>Here is an error</div>}
+                  {status.succeeded && <div>Got it!</div>}
+                </div>
+              );
             }}
           </ReadGist>
         )}

src/request-components/Gist.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Resource, Fetch } from 'react-redux-resource';
+import { ResourceRequest, Fetch } from 'react-redux-resource';
 import headers from '../utils/headers';
 
 export function ReadGist({ gistId, children }) {
@@ -8,7 +8,8 @@ export function ReadGist({ gistId, children }) {
   );
 
   return (
-    <Resource
+    <ResourceRequest
+      treatNullAsPending
       transformData={gist => [gist]}
       resourceName="gists"
       request={ReadGistRequest}