Render to children instead of "render" prop

[sampl]

Last one I promise :)

This one is really a matter of opinion, but I think rendering to this.props.children instead of a "render" prop makes things a little cleaner.

The React docs describe using this method: https://reactjs.org/docs/render-props.html#using-props-other-than-render

Just my 2¢

// CURRENT

<FirestoreCollection
  path="stories"
  sort="publishedDate:desc,authorName"
  render={({ isLoading, data }) => {
    return isLoading ? (
      <Loading />
    ) : (
      <div>
        <h1>Stories</h1>
        <ul>
          {data.map(story => (
            <li key={story.id}>
              {story.title} - {story.authorName}
            </li>
          ))}
        </ul>
      </div>
    );
  }}
/>


// PROPOSED

<FirestoreCollection path="stories" sort="publishedDate:desc,authorName">
  {({ isLoading, data }) => {
    return isLoading ? (
      <Loading />
    ) : (
      <div>
        <h1>Stories</h1>
        <ul>
          {data.map(story => (
            <li key={story.id}>
              {story.title} - {story.authorName}
            </li>
          ))}
        </ul>
      </div>
    );
  }}
</FirestoreCollection>

[green-arrow]

@sampl - I'd be happy to accept a PR that adds the children prop as another valid rendering method!

[sampl]

OK! I'll take a stab at it, stay tuned 😃