🖌
🖌
🖌
🖌
Firebase+React_Notes
Search…
🖌
🖌
🖌
🖌
Firebase+React_Notes
Firebase React Notes
React + firebase
Firebase - Create React app setup
Firebase React context
Firebase function local dev react
React firebase hooks
Multiple ENVs
Multiple ENVs
Manual setup
Terraform
Firestore
Firestore
Firestore data model
associated Firebase data with Users
Firestore write
Firestore - read
Removing a listener from firestorm
Firestore update
Persisting data offline
Importing json
Auth
Auth
Firebase UI
Firebase Auth with React
Linking auth accounts
Twitter sign in
Google sign in
Database Auth
Custom tokens
Cloud Functions
Cloud Functions
Set node version
Set timeout and memory allocation
Call functions via HTTP requests
HTTPS Callable
Separate Cloud Function in multiple files
Slack integration
Twilio firebase functions
ffmpeg convert audio
ffmpeg transcoding video
Storage
Security
Create
Delete
Uploading with React to Firebase Storage
Getting full path
Firebase `getDownloadURL`
Saving files to cloud storage from memory
Hosting
Hosting
Hosting + cloud functions
Firebase Admin
Firebase admin
Firebase analytics
Firebase analytics
Google App Engine
Google App Engine
GCP App Engine + video transcoding
STT
STT + Cloud Function + Cloud Task
Other
CI Integration
Travis CI integration
Github actions integration
Visual code
Visual code extension
Electron
Firebase with electron
Pricing
Pricing
Testing
Unit testing
Privacy and Security
Privacy and security
Useful resources
links
Firebase Extensions
Firebase extension
Chrome Extension
Firebase in a chrome extension
Cloud Run
Cloud Run
Powered By GitBook
Removing a listener from firestorm
In react, if you attach a listener for realtime updates when a component mounts, you'd need to remove it when the component amounts.
Failing to do so could raise an error if you delete that item and there's a listener that is still associated with it.
1
let unsub = db.collection('cities').onSnapshot(() => {
2
​
3
});
4
​
5
​
6
// ...
7
​
8
// Stop listening for changes
9
unsub();
Copied!

In React hooks

if using React hooks, you use useEffect and return a function to do the clean up. See the React docs for more details on the equivalent syntax to componentWillUnmount https://reactjs.org/docs/hooks-effect.html#example-using-hooks-1​
TODO: Add code example
Firestore - Previous
Firestore - read
Next - Firestore
Firestore update
Last modified 2yr ago
Copy link
Contents
In React hooks