feat(release): Resource & Entity loader/reader components

[orther]

Loader Components

These components request resources and return the results. If an entityType is provide that matches a schema that is defined for the entities redux-module it will normalize the resource.

ResourceDetailLoader

<ResourceDetailLoader
  resource={'user'}
  resourceId={1}
  renderInitial={() => <div>Initial</div>}
  renderError={error => <div>{error}</div>}
  renderLoading={() => <div>Loading...</div> />}
  renderSuccess={user => <div>{user.id}:{user.name}</div>}
  loadOnMount
>
  {({statusView, onEventLoadResource}) => (
    <div>
      <div>
        <button onClick={onEventLoadResource}>
          Reload Resource
        </button>
      </div>
      {statusView}
    </div>
  )}
</ResourceDetailLoader>

ResourceListLoader

<ResourceListLoader
  resource={'user'}
  renderInitial={() => <div>Initial</div>}
  renderError={error => <div>{error}</div>}
  renderLoading={() => <div>Loading...</div> />}
  renderSuccess={userList => (
    <div>
      {userList.map(user => (
        <div key={user.id}>
          {user.id}:{user.name}
        </div>
      ))}
    </div>
  )}
  loadOnMount
>
  {({statusView, onEventLoadResource}) => (
    <div>
      <div>
        <button onClick={onEventLoadResource}>
          Reload Resource
        </button>
      </div>
      {statusView}
    </div>
  )}
</ResourceListLoader>

Reader Components

These components "read" data from the entity state in the global redux store and return the matching entity.

EntityDetail

<EntityDetail entityType="member" entityId={123}>
  {member => <h1 key={member.id}>{member.name}</h1>}
</EntityDetail>

EntityList

<EntityList entityType="member" entityIds={[1,2,3]}>
  {memberList => <p key={member.id}>{member.name}</p>)}
</EntityDetail>

[orther]

Closes #19

[codecov]

Codecov Report

Merging #21 into master will decrease coverage by 5.44%.
The diff coverage is 69.56%.

@@            Coverage Diff             @@
##           master      #21      +/-   ##
==========================================
- Coverage   93.07%   87.62%   -5.45%     
==========================================
  Files          14       21       +7     
  Lines         231      299      +68     
  Branches       21       34      +13     
==========================================
+ Hits          215      262      +47     
- Misses         16       36      +20     
- Partials        0        1       +1

Impacted Files	Coverage Δ
src/modules/resource/sagas.js	82.92% <ø> (ø)	⬆️
src/helpers/entities/components/EntityList.js	0% <0%> (ø)
src/helpers/entities/components/EntityDetail.js	0% <0%> (ø)
src/helpers/entities/index.js	0% <0%> (ø)
src/utils/test/api.js	100% <100%> (ø)
.../helpers/resource/components/ResourceListLoader.js	100% <100%> (ø)
src/helpers/resource/index.js	100% <100%> (ø)
...elpers/resource/components/ResourceDetailLoader.js	66.66% <66.66%> (ø)
src/helpers/resource/components/ResourceLoader.js	83.33% <83.33%> (ø)
... and 6 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 2b83c7b...afb8bb2. Read the comment docs.