This video shows how to show push notifications in react using FCM or Firebase Cloud Messaging.
- Show push notifications in React | FCM notifications in React *
We will go through the following steps
- Register the web app in Firebase
- Setup Firebase Configurations in React
- Integrate in UI
- Test the Notification
- (Optional) If notifications not appearing
This video shows you how to make the most of push messaging using FCM.
- 0:13 Demo of the app - foreground
- 0:55 Demo of the app - background
- 1:11 Configure firebase project
- 1:36 Setup firebase in React
- 2:48 Setup service worker
- 3:46 Create UI Components
- 4:42 Integrate in App.js
Source Code: https://github.com/AseemWangoo/expriments_with_react
#react #firebase