DEV Community

Cover image for The Collab Lab Week 3 - Monday

Posted on • Updated on

The Collab Lab Week 3 - Monday

First, look πŸ‘€ our lovely faces are on The Collab Lab About Us page.

My pair didn't satisfy the acceptance criteria for last week's story so it has carried over into this week. I am still working on the same story now with my new partner, Amber.

Today in slack, we chose which stories we would work on and picked a time for a pairing session this week. Amber and I will meet tomorrow. We also created our wiki pages for the week. I'm learning as I go with React and Firestore so I chose to use the time before we pair to familiarize myself with how they work together and to look at how it has already been implemented in our project.

I found out that we're already using

GitHub logo green-arrow / react-firestore

React components to fetch data from firestore using render props

Build Status codecov MIT License version

size gzip size module formats: umd, cjs, and es

react-firestore πŸ”₯πŸͺ

React components to fetch collections and documents from Firestore

The problem

You want to use the new Firestore database from Google, but don't want to have to use redux or any other state management tool. You would like to not have to worry too much about the exact API for firestore (snapshots, references, etc) and just be able to retrieve collections and documents and read their data.

You also want to do all this using render props, because they're awesome.

The solution

This is a set of components that allows you to interact with Firestore collections and documents, without needing to constantly call additional methods (like .data()) to display your data.

There is still an escape hatch where the snapshot from Firestore is provided to your render function, in the event that you need more control over your interactions with Firestore.


This project is…

I linked everything I looked at (YouTube videos and Firebase docs) on the wiki.

The Collab Lab is super cool and can use more sponsors! If you didn't know that, now you do. Please consider sponsoring this worthy project through GitHub Sponsors - ❀️✨

Top comments (0)