Expo Push Notifications in React Native (tutorial for beginners) | DEVember Day 14
24.5 هزار بار بازدید -
10 ماه پیش
-
Day 14 of
Day 14 of #DEVember is here! Today we explore the engaging world of push notifications using Expo! In this hands-on tutorial, we'll dive into implementing remote push notifications in your React Native apps. Push Notifications can boost user engagement and provide timely updates, and this tutorial will cover everything you need to know to set up and manage effective push notifications. Perfect for developers of all levels, this video is an essential guide to mastering this crucial aspect of modern app development.
Join us in our continued effort to support education through our "Education for Children" fundraiser, and let's build something amazing together!
✨More info about the event and the fundraiser:
notjust.dev/events/DEVember
🌟DEVember Day 14: www.notjust.dev/projects/devember/day14
If you have ideas of features, topics or apps you would like me to cover during #DEVember, you can submit them on our 💡Idea Board:
github.com/notJust-dev/DEVember/discussions/catego…
Your contribution helps offer essential learning resources to underprivileged children, ensuring every child has the chance to learn and grow.
💝 Incentives for Donations:
$25 - Your name in every video
$50 - Personal shout-out
$300 - Pick an Idea to Build
$1000 - Brand shout-out + ad-read
$3000 - Tutorial with your Tool/Product/Service
📚 Today's Agenda:
- Understanding Push Notifications in Mobile Apps
- Setting Up Expo Push Notifications
- Implementing Remote Notifications
- Testing Push Notifications
- Managing Notification Content
- Recap and Demo
❗Try our FREE 4-day Masterclass on notJust.Academy:
assets.notjust.dev/masterclass/?utm_source=youtube…
📚 Enroll NOW in The Full-Stack Mobile Developer course and don’t miss out on your chance to become a 6-figure dev! Check out what our successful students are saying about their experience:
academy.notjust.dev/?utm_source=youtube&utm_medium…
💬 Join the notJust Development gang and let's build together:
Twitter: twitter.com/VadimNotJustDev
Instagram: www.instagram.com/VadimNotJustDev
Facebook: www.facebook.com/notjustdev
LinkedIn: www.linkedin.com/in/vadimsavin
Discord: discord.gg/VpURUN2
Timecodes:
0:00 - Introduction and Project Overview
3:58 - Setting Up and Starting the Push Notifications Project
8:19 - Push Notification Service Functionality
10:22 - Remote Notifications in Mobile Apps
10:55 - Implementing Expo Notifications
12:22 - Setting Up FCM and APNs
13:55 - Creating Notifications Folder and Screen
15:23 - Notifications in Layout File
16:47 - Notification Functionality and State Management
18:02 - Configuring Handlers and Permissions
20:31 - Android and iOS Notification Settings
23:22 - Obtaining Expo Push Token
24:48 - Running Application on Physical Device
32:01 - Notifications in Background or Killed State
34:15 - Scheduling Local Notifications
35:38 - Listeners for Received Notifications
39:06 - Testing on Devices and Emulator
43:04 - Additional Configuration and Testing
47:51 - Exploring Advanced Notification Features
1:12:19 - Notification Response and Redirection
1:20:57 - Integrating Firebase for Remote Notifications
1:23:03 - Setting Up Firebase Project
1:24:02 - Configuring Expo Project with Firebase
1:30:18 - Testing Remote Notifications with Expo
1:31:07 - Troubleshooting Notification Delivery
1:32:26 - Completing Firebase Cloud Messaging Setup
1:33:23 - Creating Firebase API Key
1:34:25 - Verifying Package Name and Configuration
1:35:31 - Linking Firebase to Expo for Android
1:36:42 - iOS Push Notification Setup with Expo and Firebase
1:37:48 - Configuring iOS Bundle Identifier in Firebase
1:38:24 - Adding Firebase Configuration to Expo
1:39:08 - Setting Up API Keys and Services
1:39:41 - Integrating Firebase into Expo for iOS
1:40:18 - Final Steps for Firebase Integration
1:41:03 - Verifying API Key in Google Cloud Platform
1:41:53 - Credential Management in Google Services
1:42:56 - Completing Firebase Setup for Notifications
1:43:31 - Triggering New Builds with EAS
1:44:09 - Managing Build Configurations with Git
1:45:12 - Testing Notifications on Different Platforms
1:46:18 - Configuring Expo Account for Notifications
1:47:14 - Server Key Setup in Firebase Console
1:48:07 - Linking Expo Project with Firebase Server Key
1:49:05 - Completing Setup and Final Testing
2:29:03 - Final Adjustments and Deployment Preparation
Disclaimer: This build is for educational purposes only. All views, opinions, and technology choices expressed in this video are my own and do not represent the views, opinions, or technology choices of any entity I have been, am now, or will be affiliated with.
#notjustdev #ReactNative
10 ماه پیش
در تاریخ 1402/09/23 منتشر شده
است.
24,529
بـار بازدید شده