React Firebase: render props
React components for Firebase, using render props
yarn add react-firebase-renderprops
Example React Native
<Firebase = =/>
Components
Firebase
Initialize the Firebase JavaScript SDK.
<Firebase = =/>
FirebaseAuthState
Check your firebase authentication state. Returns false
when not logged in, returns null
while still initializing.
<FirebaseAuthState = =/>
FirebaseSignInAnonymously
<FirebaseSignInAnonymously = =/>
FirebaseSignInCredentials
<FirebaseSignInCredentials = ="john@doe.com" ="john1234" =/>
FirebaseSignInCustomToken
<FirebaseSignInCustomToken> firebase=firebase token="..." render= {}/>
FirebaseSignOut
<FirebaseSignOut = =/>
FirebaseReference
Create a Firebase reference to a single path:
<FirebaseReference = ="blog/posts" =
Or create multiple references using the paths
props
<FirebaseReference = = =
FirebaseReferenceActions
Push data to your reference. Render function has the push reference as parameter.
<FirebaseReferenceActions = = =
FirebaseQuery
Query a firebase reference. Possible options:
<FirebaseQuery // // = // = // // = // // // , =
#### FirebaseStorage
Initializes firebase.storage()
<FirebaseStorage = = />
#### FirebaseDownloadURL
Gets the download urls from files in the Firebas Storage. (storage.ref(path).getDownloadURL()
)
<FirebaseDownloadURL = ="path" = />