firebase-react
Connect firebase queries to react props. Supports lists of queries grouped into a single prop, allowing you to easily circumvent some Firebase query limitations.
Uses a simple HOC API inspired by react-redux.
Installation
npm i -S firebase-react
Alternatively:
<script src="https://unpkg.com/firebase-react/dist/firebase-react.min.js"></script>
(exposes window.FirebaseReact as a global variable)
Usage
Basic usage example below (better docs and examples coming soon):
// Dinosaurs.js const Dinosaurs = { return <div> <h1>Short Dinosaurs:</h1> <ul> shortDinosaurs </ul> <h1>Tall Dinosaurs:</h1> <ul> tallDinosaurs </ul> <h1>Short and Tall Dinosaurs:</h1> <ul> shortAndTallDinosaurs </ul> </div> } // dinos less than 5m tall shortDinosaurs: db // dinos greater than 25m tall tallDinosaurs: db // dinos either shorter than 5m or taller than 25m shortAndTallDinosaurs: db db Dinosaurs
// index.js const config = apiKey: "<Your Firebase API Key" authDomain: "<Your Firebase Auth Domain>" databaseURL: "<Your Firebase Database URL>" messagingSenderId: "<Your Messaging Sender ID>"firebase ReactDOM