Firebase HTTP V1 Push Notifications with React Native Expo | Foreground & Background | Tutorial

Source Code & More: www.patreon.com/bugninza/shop...
In this comprehensive tutorial, you'll learn how to send both foreground and background notifications using Firebase HTTP V1 in your React Native Expo app. We'll walk through the entire process, from initializing the Expo project and installing necessary packages to setting up Firebase and configuring your app for push notifications.
You'll discover how to request user permission, handle various notification scenarios, and build an APK for testing purposes. We'll cover essential steps like generating SHA1 keys, adding package names to Firebase, and creating test campaigns to ensure your notifications are working correctly.
Whether you're new to push notifications or want to migrate from the legacy Firebase method, this video is a must-watch. Follow along as we dive into code examples, provide clear explanations, and demonstrate the process step-by-step. By the end of this tutorial, you'll have a solid understanding of how to implement foreground and background notifications in your React Native Expo app using the latest Firebase HTTP V1 protocol.
Don't miss out on this valuable resource for enhancing your app's user experience with timely and relevant notifications. Like, subscribe, and stay tuned for more insightful content on React Native development.
𝐁𝐨𝐨𝐤 ( 𝐅𝐫𝐨𝐦 𝐂𝐨𝐝𝐞 𝐓𝐨 𝐂𝐨𝐧𝐧𝐞𝐜𝐭𝐢𝐨𝐧𝐬: 𝐀 𝐃𝐞𝐯𝐞𝐥𝐨𝐩𝐞𝐫’𝐬 𝐠𝐮𝐢𝐝𝐞 𝐭𝐨 𝐛𝐮𝐢𝐥𝐝𝐢𝐧𝐠 𝐚 𝐬𝐨𝐜𝐢𝐚𝐥 𝐜𝐚𝐫𝐞𝐞𝐫 )
Amazon India: amzn.eu/d/axYh0B4
Amazon Worldwide: a.co/d/acqJOYR
Gumroad (pdf): ninza7.gumroad.com/l/codetoco...
Topics covered:
✅ Firebase setup for Android React Native and Expo
✅ Use of Developement build method using react native and expo
✅ Foreground notification feature using firebase cloud messaging and react native
✅ Background or quit state notification using FCM ( firebase cloud messaging ) and react native
✅ Code of FCM and react native expo
My social Links:
Instagram: / _ninza7
Twitter: / _ninza7
Website: ninza7.me
Discord: / discord
Video widgets edited by: / kaushal_2319
Music Source: NCS
Tags: firebase, firebase tutorial, what is firebase, firebase tutorial in hindi, firestore, firebase database, react firebase, firebase react, firebase realtime database, react native, react native tutorial, react native tutorial in hindi, react native project, react native tutorial for beginners, react native app, react native full course, react native navigation, native react, react native course, react native projects, what is react native, react native app development, react native firebase, react native crash course, react native ui, learn react native, react native in hindi, react native tutorial for beginners, react native app development, react native project from scratch, react js. expo react native, react native tutorial for beginners, fcm, firebase cloud messaging, foreground notification, background notification, development build method, android and iOS react native expo build, Firebase, firebase console, google firebase, react native firebase, firebase database, firebase pricing, firebase auth, firebase analytics, firebase authentication, firebase login, firebase cloud messaging, firebase storage, react firebase, npm firebase, firebase tutorial, firebase app, firebase sdk, google firebase console, firebase crashlytics, react native firebase auth, firebase fcm, reactfire, firebase web, firebase android, firebase ios, firebase backend, firebase cloud, firebase cloud storage,
#reactjs #javascript #reactnative #ios #android #react #firebase

[@arturmrozinski7536]

you just officially became my hero

[@BugNinza]

Haha. Thank you

[@yuvaraja2734]

thanks for support

[@chigoziepascalumeugokwe6532]

Thank you so much

[@muzzammilahmadkhan3405]

Thanks Bro, got soo much help ❤

[@BugNinza]

Glad it helped

[@ToanDevNguyen]

How to implement sending notifications to a user's mobile device in a todo list app (Expo + Firebase)? I mean that users will set a time to receive a notification reminding them of their to-do. Could you please make a short video tutorial based on my question? I would be very grateful to you!

[@kevinchen3866]

you save my day~ love u bro

[@BugNinza]

Keep supporting 🙌🏻

[@dantebuscaglia649]

it worked. Thanks

[@BugNinza]

Glad it helped

[@christophermungiria2876]

Hi, this video was very helpful👍🏽. I was able to get notifications, could you do one for iOS as well and cloud functions to trigger the notifications?

[@MatheusFerreira-dev]

Great Content, congrats!

[@orllabode]

Thank you Bro, this will really help my setup, Can I use same token from here to send push notification to ios device through expo?

[@degatriator]

how do I get a push token for a user?

[@richardstation]

Thank you so much!

[@BugNinza]

Glad it helped!

[@keshavtomar4985]

Can you make a video using Visual Studio code for Android emulator using react native. On whole internet I'm not able to find that video.

[@shadmanfatin777]

Thank you so much brother it worked finally. May you go a long way insha Allah. ❤ Liked and subscribed. (However, it shows error if we run it locally using "npx expo start". Can it be solved?)

[@erdincakdogan6962]

Is it working for IOS too ?

[@AdityaSharma-si5pn]

Thank you so much. Also please create a video with a basic node js server application integrating it with firebase sdk and send/receive notifications to the expo app

[@muzzammilahmadkhan3405]

Yes plz bro plz

[@BugNinza]

Sure I will

[@federicovalle6871]

why did you eas build --profile development --platform android and then eas build --profile preview --platform android?

[@BugNinza]

You can manage it also. I was Just testing a bit

[@Nothing-mh7oz]

can we use the same method for expo bare project?

[@BugNinza]

with some changes, read the official docs

[@chigoziepascalumeugokwe6532]

Please do video also on firebase async storage for offline use in expo react native

[@BugNinza]

Okay. Stay tuned

[@silviosantosbr]

E para iOS, os passos são os mesmos? Parabéns pelo vídeo 👊

[@BugNinza]

Sim, mas você tem que seguir a documentação para iOS (APN)

[@althafabdulraheem9045]

😍😍😍😍😍😍😍😍

[@NikhilRaj-g8y]

Hello

[@shubhamranjan4596]

source code of app.js pls give

[@user-gj4vf5gi6p]

I love the background scores of your videos

[@orllabode]

Thank you Bro, this will really help my setup, Can I use the same token from here to send push notifications to ios device through expo? @BugNinza

[@BugNinza]

If you follow the APN docs then yes