React Native Expo Push Notifications Tutorial in Hindi | Firebase FCM Setup + Development Build
🔔 Learn how to implement Expo Push Notifications in React Native Expo from scratch!
In this complete Hindi tutorial, you will learn how to create a React Native Expo app, configure Firebase Cloud Messaging (FCM), generate Expo Push Tokens, create a development build, test notifications on a real Android device, and send push notifications using the Expo Push Notification Tool.
This tutorial is perfect for beginners who want to learn React Native app development and mobile app development using Expo.
📌 What You'll Learn
✅ Create Expo App
✅ React Native Expo Project Setup
✅ Install Expo Notifications Package
✅ Configure Firebase Cloud Messaging (FCM)
✅ Add google-services.json
✅ Configure Expo Push Notifications
✅ Create Development Build
✅ Generate Expo Push Token
✅ Test Push Notifications on Android Device
✅ Send Notifications Using Expo Push Tool
✅ Understand How Push Notifications Work Behind The Scenes
🔗 Official Documentation
Expo Notifications:
https://docs.expo.dev/push-notificati...
Expo Push Notifications Setup:
https://docs.expo.dev/push-notificati...
FCM Credentials:
https://docs.expo.dev/push-notificati...
Expo Notifications API:
https://docs.expo.dev/versions/latest...
Development Builds:
https://docs.expo.dev/develop/develop...
EAS Build:
https://docs.expo.dev/build/introduct...
Firebase Console:
https://console.firebase.google.com/
React Native Documentation:
https://reactnative.dev/
Expo Documentation:
https://docs.expo.dev/
💻 Technologies Used
React Native
Expo SDK 54
Expo Notifications
Firebase Cloud Messaging (FCM)
EAS Build
Android Development
Video Chapters:-
00:00 - Introduction & Project Overview
01:08 - Remote vs Local Notifications Explained
01:51 - App Demo & Testing Notifications
04:10 - Creating a New React Native Expo Project
07:44 - Resetting the Default Project Structure
09:00 - Setting up Expo Application Services (EAS)
11:20 - Initializing the EAS Build Profile
14:16 - Installing Expo Notifications Library
15:54 - Configuring app.json for Notifications
17:02 - Adding Notification Handling Code (Transcript Setup)
19:24 - Configuring Project ID & Credentials
21:18 - Firebase Console Setup (Creating a Project)
24:45 - Generating Google Service Account Keys (JSON)
27:16 - Adding the Service Key to Project & .gitignore
29:50 - Uploading Firebase Credentials to EAS
37:00 - Configuring google-services.json in Firebase
41:00 - Linking Google Services File in app.json
44:00 - Starting the EAS Development Build
47:00 - Downloading & Installing the APK on Android
50:18 - Running the Development Server with npx expo start
51:30 - Scanning QR Code & Launching the App
52:40 - Using the Expo Push Notification Tool for Testing
56:50 - Summary & Next Steps (Server SDKs)
🔗 Connect With Me & Learn More
👉 Join my WhatsApp Channel: https://whatsapp.com/channel/0029VbBh...
👉 Follow me on Instagram (Daily Coding Tips & Reels): https://www.instagram.com/allprogramm...
📂 Full Project Playlists (Step-by-Step):
▶ React Native Expo Mobile Apps Development: • React Native Expo Mobile App Development T...
▶ HTML, CSS & JavaScript Projects: • html css javascript projects
▶ C Language Project: • C projects in Hindi
▶ C++ Beginner Project: • C++ Projects in Hindi
▶ Visual Studio C++ Beginner Project: • Visual studio in C++
❤️ Why Follow Me?
I share practical coding projects, real-world examples, and easy-to-understand tutorials to help you grow as a developer 🚀
If this video helped you, subscribe, like, and share with your friends.
📌 Stay Connected
🔔 New videos every week
💬 Ask doubts in comments
📈 Learn by building real projects
#reactnativeexpo #expo #exponotifications #pushnotifications #firebasetutorial #mobileappdevelopment #androiddevelopment #reactnativeprojects #programminghindi #allprogramminghindi