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
green-arrow
/
react-firestore
React components to fetch data from firestore using render props
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.
Disclaimer
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 - https://github.com/sponsors/segdeha ❤️✨
Top comments (0)