{"id":10195,"date":"2020-05-14T12:32:22","date_gmt":"2020-05-14T07:02:22","guid":{"rendered":"https:\/\/www.botreetechnologies.com\/blog\/?p=10195"},"modified":"2021-09-08T19:04:05","modified_gmt":"2021-09-08T13:34:05","slug":"implement-react-native-push-notifications-with-firebase","status":"publish","type":"post","link":"https:\/\/www.botreetechnologies.com\/blog\/implement-react-native-push-notifications-with-firebase\/","title":{"rendered":"Implement React Native Push Notifications with Firebase"},"content":{"rendered":"\n<p>Hello folks. I hope you all are doing well.<\/p>\n\n\n\n<p>In this tutorial, you\u2019re going to learn how to implement <strong>Firebase<\/strong> push notifications as an app feature using <strong>React Native.<\/strong><\/p>\n\n\n\n<p>There are two main ways you can send push notifications to your app users: local and remote. Local notifications are sent from a React Native application, while remote push notifications are sent from the server or a push notification service such as <strong>Firebase Cloud Messaging Service<\/strong> (<strong>FCM<\/strong>). We will explore both approaches.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a href=\"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n#what-are-push-notifications\" name=\"what-are-push-notifications\"><\/a>What Are Push Notifications?<\/h2>\n\n\n\n<p>Push notification is a small message that users receive on a device. They differ from regular pop-ups because they will appear on the device whether or not the user is currently using the site or app that the notification is tied to.<\/p>\n\n\n\n<p>Push notifications work for both browsers and apps. For browsers, push notifications can show up no matter what site a user is on, as long as they\u2019ve opted in to push notifications. They work very similarly for apps, however, they can pop up on a mobile device at any time, regardless of whether the user is on the app.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a href=\"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n#prerequisites\" name=\"prerequisites\"><\/a>Prerequisites for Implement React Native Push Notifications<\/h2>\n\n\n\n<p>This tutorial requires basic knowledge of\u00a0<a href=\"https:\/\/www.botreetechnologies.com\/react-native-development\" target=\"_blank\" rel=\"noopener noreferrer\">React Native app development<\/a>. To set up your development machine, follow the official guide.<\/p>\n\n\n\n<p>We are going to use&nbsp;<a href=\"https:\/\/github.com\/invertase\/react-native-firebase\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">react-native-firebase<\/a>&nbsp;to implement push notifications in React-native.<\/p>\n\n\n\n<p>First create a project in your Google Firebase Console&nbsp;<a href=\"https:\/\/console.firebase.google.com\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">https:\/\/console.firebase.google.com\/<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n#adding-firebase-to-your-app\" name=\"adding-firebase-to-your-app\"><\/a>Adding Firebase to your Android app<\/h3>\n\n\n\n<p>Register your app in Firebase and follow the configuration steps for Android.<\/p>\n\n\n\n<p><strong>Download<\/strong> your <strong>google-services.json<\/strong>. Don&#8217;t forget to place them in the correct folder.<\/p>\n\n\n\n<p><script src=\"https:\/\/gist.github.com\/RajanTank\/0b0a37343bc323ad065af1bf0d93f1f8.js\"><\/script><\/p>\n\n\n\n<p>Also create your React Native project and enter it&#8217;s directory<\/p>\n\n\n\n<p><code>$ react-native init RNPushNotification<\/code><br><code>$ cd RNPushNotification<\/code><\/p>\n\n\n\n<p>Add and link the React Native Firebase package to your app<\/p>\n\n\n\n<p><code>$ npm install react-native-firebase<\/code><br><code>$ react-native link react-native-firebase<\/code><\/p>\n\n\n\n<p>Configuration Android project<\/p>\n\n\n\n<p><code>In MainApplication.java<\/code><\/p>\n\n\n\n<p><script src=\"https:\/\/gist.github.com\/RajanTank\/f6cd8ff48ef11131ff7d03ba0c7f0471.js\"><\/script><\/p>\n\n\n\n<p><code>In build.gradle<\/code><\/p>\n\n\n\n<p><script src=\"https:\/\/gist.github.com\/RajanTank\/2cc7afc1589360cf9be2b0476b0655e7.js\"><\/script><\/p>\n\n\n\n<p><code>In AndroidManifest.xml<\/code><\/p>\n\n\n\n<p><script src=\"https:\/\/gist.github.com\/RajanTank\/9087786328544162957a85128b91bbd5.js\"><\/script><\/p>\n\n\n\n<p>After everything is set up and configured now, we have to implement the FCM push notification in React Native side using React Native Firebase module.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Receive Push Notifications<\/h4>\n\n\n\n<p>Now let&#8217;s code the most awaited part\u2026 Receiving Notifications! \ud83d\ude09<\/p>\n\n\n\n<p>Before integrating the code please install the following dependencies:<\/p>\n\n\n\n<p><code>npm install @react-native-community\/async-storage<\/code><\/p>\n\n\n\n<p>Before the app can get any notifications, it is crucial to ask permission from users. If the user didn\u2019t allow your app to receive notifications, it can never get any unless the user explicitly changes it from Settings.<\/p>\n\n\n\n<p>So, let&#8217;s have write below code in <code>App.js<\/code> file<\/p>\n\n\n\n<p><script src=\"https:\/\/gist.github.com\/RajanTank\/6dd36d48bc1f8557231e73dee6432b91.js\"><\/script><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Listening Notifications<\/h3>\n\n\n\n<p>We are now ready to listen to push notification events. Before proceeding, you should know about different types of notifications supported by Firebase.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Notification-only messages: These are display messages that are automatically handled by Firebase SDK. Notifications are thrown to the device tray.<\/li><li>Notification + optional data messages: These are also handled by <strong>Firebase SDK<\/strong>. Only difference here is when the user taps on notification, your app receives a payload associated with that notification.<\/li><li>Data only messages: These types of notifications are handled exclusively by app. No notification is thrown on the device tray unless the app explicitly does so.<\/li><\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><a class=\"anchor\" name=\"read-also-how-react-native-improves-developer-productivity\" href=\"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n#read-also-how-react-native-improves-developer-productivity\"><\/a>Read Also:\u00a0<a href=\"https:\/\/www.botreetechnologies.com\/blog\/how-react-native-improves-developer-productivity\/\" target=\"_blank\" rel=\"noreferrer noopener\">How React Native Improves Developer Productivity<\/a><\/p><\/blockquote>\n\n\n\n<p>After having configured everything correctly we can test directly from the <strong>firebase console<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to the Cloud Messaging option in the left pane.<\/li><li>Click on Send your first message<\/li><li>Enter your test text, select the Android application to which you want to <strong>send the application<\/strong> and <strong>click Send<\/strong>.<\/li><\/ul>\n\n\n\n<p><script src=\"https:\/\/gist.github.com\/RajanTank\/fc44cbcf7216400e66d71b8c6e1b1075.js\"><\/script><\/p>\n\n\n\n<p><script src=\"https:\/\/gist.github.com\/RajanTank\/ad43ec56afa992b986cfd22c242490d5.js\"><\/script><\/p>\n\n\n\n<p><strong>here&#8217;s our notification arrived<\/strong><\/p>\n\n\n\n<p><script src=\"https:\/\/gist.github.com\/RajanTank\/037f1b9e65e374b0379b6667a28625c7.js\"><\/script><\/p>\n\n\n\n<p>There are few points you should know<\/p>\n\n\n\n<p>When an app is in the background and killed in android and you want to listen to data notification, therefore, you need to implement <a href=\"https:\/\/github.com\/invertase\/react-native-firebase-docs\/blob\/master\/docs\/messaging\/receiving-messages.md#2-handle-background-messages\" target=\"_blank\" rel=\"noopener nofollow noreferrer\"><strong>Headless JS<\/strong><\/a> functionality.<\/p>\n\n\n\n<p>Android, When app is Not in background or killed and you tab on Notification react-native-firebase library won&#8217;t be able to catch title and body of notification. It will show undefined therefore you also need to send title and body in data of notification.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/www.botreetechnologies.com\/react-native-development\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Click here for more<\/b> blogs\u2026<\/a><\/h3>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>At<a href=\"https:\/\/www.botreetechnologies.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">&nbsp;BoTree Technologies<\/a>, we build enterprise applications with our ReactNative team of 10+ engineers.<\/p>\n\n\n\n<p>We also specialize in Ruby on Rails, Python, RPA, AI, Django, NodeJS and ReactJS.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/www.botreetechnologies.com\/contact\" target=\"_blank\" rel=\"noopener noreferrer\">Consulting is free<\/a>&nbsp;\u2013 let us help you grow!<\/h3>\n","protected":false},"excerpt":{"rendered":"<p>Hello folks. I hope you all are doing well. In&#8230;<\/p>\n","protected":false},"author":60,"featured_media":12898,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[72,10],"tags":[],"class_list":["post-10195","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-react-native","category-technology"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Implement React Native Push Notifications with Firebase<\/title>\n<meta name=\"description\" content=\"In this tutorial, you\u2019re going to learn how to implement Firebase push notifications as an app feature using React Native.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Implement React Native Push Notifications with Firebase\" \/>\n<meta property=\"og:description\" content=\"In this tutorial, you\u2019re going to learn how to implement Firebase push notifications as an app feature using React Native.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n\" \/>\n<meta property=\"og:site_name\" content=\"BoTree Technologies\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BoTreeTechnologies\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-14T07:02:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-08T13:34:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/05\/react-native-push-notifications-with-firebase.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1280\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Rajan Tank\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@BoTreeTech\" \/>\n<meta name=\"twitter:site\" content=\"@BoTreeTech\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rajan Tank\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/implement-react-native-push-notifications-with-firebase\/\"},\"author\":{\"name\":\"Rajan Tank\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/89a990f460a2469ded0784c502b88998\"},\"headline\":\"Implement React Native Push Notifications with Firebase\",\"datePublished\":\"2020-05-14T07:02:22+00:00\",\"dateModified\":\"2021-09-08T13:34:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/implement-react-native-push-notifications-with-firebase\/\"},\"wordCount\":685,\"commentCount\":6,\"image\":{\"@id\":\"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/05\/react-native-push-notifications-with-firebase.jpg\",\"articleSection\":[\"React Native\",\"Technology\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/implement-react-native-push-notifications-with-firebase\/\",\"url\":\"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n\",\"name\":\"Implement React Native Push Notifications with Firebase\",\"isPartOf\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n#primaryimage\"},\"image\":{\"@id\":\"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/05\/react-native-push-notifications-with-firebase.jpg\",\"datePublished\":\"2020-05-14T07:02:22+00:00\",\"dateModified\":\"2021-09-08T13:34:05+00:00\",\"author\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/89a990f460a2469ded0784c502b88998\"},\"description\":\"In this tutorial, you\u2019re going to learn how to implement Firebase push notifications as an app feature using React Native.\",\"breadcrumb\":{\"@id\":\"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n#primaryimage\",\"url\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/05\/react-native-push-notifications-with-firebase.jpg\",\"contentUrl\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/05\/react-native-push-notifications-with-firebase.jpg\",\"width\":1920,\"height\":1280,\"caption\":\"React Native Push Notifications with Firebase\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.botreetechnologies.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Implement React Native Push Notifications with Firebase\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/#website\",\"url\":\"https:\/\/www.botreetechnologies.com\/blog\/\",\"name\":\"BoTree Technologies\",\"description\":\"Committed to inspire generation.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.botreetechnologies.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/89a990f460a2469ded0784c502b88998\",\"name\":\"Rajan Tank\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/10\/rajan-tank-e1612266730294-150x150.png\",\"url\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/10\/rajan-tank-e1612266730294-150x150.png\",\"contentUrl\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/10\/rajan-tank-e1612266730294-150x150.png\",\"caption\":\"Rajan Tank\"},\"description\":\"Rajan is React JS Developer. He Love Reading and writing blogs, challenging task and always excited to learn new things. Apart from coding he likes to listen a songs and solo travelling.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Implement React Native Push Notifications with Firebase","description":"In this tutorial, you\u2019re going to learn how to implement Firebase push notifications as an app feature using React Native.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n","og_locale":"en_US","og_type":"article","og_title":"Implement React Native Push Notifications with Firebase","og_description":"In this tutorial, you\u2019re going to learn how to implement Firebase push notifications as an app feature using React Native.","og_url":"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n","og_site_name":"BoTree Technologies","article_publisher":"https:\/\/www.facebook.com\/BoTreeTechnologies\/","article_published_time":"2020-05-14T07:02:22+00:00","article_modified_time":"2021-09-08T13:34:05+00:00","og_image":[{"width":1920,"height":1280,"url":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/05\/react-native-push-notifications-with-firebase.jpg","type":"image\/jpeg"}],"author":"Rajan Tank","twitter_card":"summary_large_image","twitter_creator":"@BoTreeTech","twitter_site":"@BoTreeTech","twitter_misc":{"Written by":"Rajan Tank","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n#article","isPartOf":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/implement-react-native-push-notifications-with-firebase\/"},"author":{"name":"Rajan Tank","@id":"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/89a990f460a2469ded0784c502b88998"},"headline":"Implement React Native Push Notifications with Firebase","datePublished":"2020-05-14T07:02:22+00:00","dateModified":"2021-09-08T13:34:05+00:00","mainEntityOfPage":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/implement-react-native-push-notifications-with-firebase\/"},"wordCount":685,"commentCount":6,"image":{"@id":"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n#primaryimage"},"thumbnailUrl":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/05\/react-native-push-notifications-with-firebase.jpg","articleSection":["React Native","Technology"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.botreetechnologies.com\/blog\/implement-react-native-push-notifications-with-firebase\/","url":"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n","name":"Implement React Native Push Notifications with Firebase","isPartOf":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n#primaryimage"},"image":{"@id":"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n#primaryimage"},"thumbnailUrl":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/05\/react-native-push-notifications-with-firebase.jpg","datePublished":"2020-05-14T07:02:22+00:00","dateModified":"2021-09-08T13:34:05+00:00","author":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/89a990f460a2469ded0784c502b88998"},"description":"In this tutorial, you\u2019re going to learn how to implement Firebase push notifications as an app feature using React Native.","breadcrumb":{"@id":"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n#primaryimage","url":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/05\/react-native-push-notifications-with-firebase.jpg","contentUrl":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/05\/react-native-push-notifications-with-firebase.jpg","width":1920,"height":1280,"caption":"React Native Push Notifications with Firebase"},{"@type":"BreadcrumbList","@id":"https:\/\/dev.to\/botreetechnologies\/how-to-implement-push-notification-with-firebase-in-react-native-2e7n#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.botreetechnologies.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Implement React Native Push Notifications with Firebase"}]},{"@type":"WebSite","@id":"https:\/\/www.botreetechnologies.com\/blog\/#website","url":"https:\/\/www.botreetechnologies.com\/blog\/","name":"BoTree Technologies","description":"Committed to inspire generation.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.botreetechnologies.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/89a990f460a2469ded0784c502b88998","name":"Rajan Tank","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/10\/rajan-tank-e1612266730294-150x150.png","url":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/10\/rajan-tank-e1612266730294-150x150.png","contentUrl":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/10\/rajan-tank-e1612266730294-150x150.png","caption":"Rajan Tank"},"description":"Rajan is React JS Developer. He Love Reading and writing blogs, challenging task and always excited to learn new things. Apart from coding he likes to listen a songs and solo travelling."}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/10195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/users\/60"}],"replies":[{"embeddable":true,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/comments?post=10195"}],"version-history":[{"count":3,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/10195\/revisions"}],"predecessor-version":[{"id":16255,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/10195\/revisions\/16255"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/media\/12898"}],"wp:attachment":[{"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/media?parent=10195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/categories?post=10195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/tags?post=10195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}