How To Send Push Notifications With JavaScript?

Hey everyone, I am Piyush Garg and in this video, we are going to learn how we can send push notifications to a user via browser using React and Firebase cloud messaging.

Quick Links

Featured Playlists

Social Links

Video Titles
How to send push notifications using javascript?
How to send push notifications using React?
How to send notifications in chrome?
How to use firebase cloud messaging in react?
How to use firebase cloud messaging?

Tags
- React
- Firebase
- Firebase Cloud Messaging

Hashtags
#reactjs #reactjsdeveloper #firebase #firebasecloud #javascript #serviceworker

[rahulagrawal]

Hey Piyush, I used to be addictive to your videos now and for mostly all the topics on which I want to learn something, I search for your video. Thank you so much for your great efforts.

[zaynsaifi]

Tnx bro, i was looking for this from past 2 monthes, but didnt find exact expected result, really really tnx brother

[RamB-pq]

Thanks for this amazing video, I checked many videos for push notification but that one is not working but your video is very impressive, your description is very good

[sayantabhattacharjee]

8:56 localhost:3000 wants to know your location🤣🤣

[office-jayukani]

Thanks for the video 👍,
It is working fine in my react app

[a__balaji_k]

Thank you so much, this video works for me, without errors.

[AmmadAhmed-oubp]

Helpful! I recommend you guys to follow his tutorial if you doing this task,

[ajayjb]

Thank you, awesome video, I was having trouble with creating firebase-messaging-sw.js file in public folder, finally solved it.

[MuhammadAyaz-gpxd]

Love you brother. Keep the good work up.

[ritankarbhattacharjee]

The video is absolutely great Piyush. But I don't what is the cause when I placed the service worker in public folder it did not work but when I moved it in src folder it started working also changed the import codes a bit

[rajeshchitikela]

In Android I am just getting notification and it is sitting in the notification tray, how would I be able to make it as a floating notification?

[MaheshGitte-spzi]

I create using node.js & react but problem is eatch notification shows 2 times

[sagarghosh]

It's not possible using wordpress website we can connect with Firebase for push notification. Please assist.

[gracemathew]

Benjamin thanks man i was so done with this you saved me, praise the lord maybe break some laws

[sunnyy]

can i use this in electronjs project as well?

[umershabir]

amazing! video, but as per the test message it's working but when I sent notification it didn't showed up

[mausoofnawazish]

thanks bro, But what you actually did on the chrome permission settings? from that it's not comming like a notification.

[shitalchavan]

Can anyone tell me how to read notification sent in the browser. What is the use of onMessage method in firebase

[timetopass]

How can i set Foreground notifications?

Means website open in active tab i need that time also notifications

[intelligentperson]

will this notification work even after the tab is closed?
In background