Firebase

Firebase Push Notification in Ionic React app using Capacitor This post is for Ionic React framework using Capacitor. In this post you’ll learn how to implement push notifications in Ionic-React apps, using Firebase. First, First half will cover this feature for Android apps, second half deals with iOS apps. If you are looking for Push notification functionality in Ionic Angular app – Please check this blog React Native app – Please check this blog Ionic React app / Capacitor app – Continue reading 😄 As you can see from above, there are several options available for Hybrid app development these days, and it is easy to get confused between them. This post is focussed on Ionic framework with React as the front-end framework, and Capacitor as runtime and build environment. ...

Stripe payment integration in React Native apps using Firebase In this post, you’ll learn how to integrate Stripe Payment Gateway in React Native apps. We’ll implement this functionality using a Firebase cloud function, acting as our server side logic. Stripe is one of the most widely used and fastest growing payment gateway you can integrate in your website or app. It supports a wide variety of payment options, including Apple Pay and Google Pay, and is quickly spreading across the globe. Stripe can take care of almost all your payment requirements in apps and website. Stripe’s ease of integration has made it a popular developer choice over PayPal and other payment gateways. A good comparison between Stripe and PayPal can be studied here (spoiler – Stripe wins) ...

Twitter Login in React Native Apps Using Firebase In this tutorial, you will get to know how we can implement both React-Native Firebase Social Auth Twitter login in our app and how to integrate react-native-twitter-signin npm package for twitter login in our cool application, and then test it on Android. **Complete source code of this tutorial is available here – **React-Native-twitter-login (android branch) Twitter Login – What and why? There are several reasons why you should use a Twitter login in your app ...

Integrate Google Login in React Native (Android) apps with Firebase In this post, we’ll learn how to setup Google Login in React Native apps using Firebase. We’ll implement the authentication using react-native-google-signin npm package, and then test it on Android. _Complete source code of this tutorial is available here – _** React-Native-google-login**** _ (android branch)_** I have another blog explaining how to implement Google Login in React Native for iOS, using Firebase. ...

Facebook login in React Native apps FACEBOOK LOGIN REACT NATIVE In this post, you will learn how to implement a Facebook authentication in React native apps. We will cook a sample app, where users can log in using their Facebook account. After login, the user can see their basic profile information on the home page. _Complete source code of this tutorial is available in the _React-native-facebook-Login-Starter Social logins – What and why It’s helpful to use social sign-in with React Native for your users who would rather not create and remember another username/password combination. Instead, you can allow users to sign in with accounts they already own. You don’t need to store hashed passwords to compare, you don’t have to handle sending sign up emails, and you don’t need to reset passwords. The user’s chosen provider will handle all of this for you. Plus, in mobile apps, the Facebook login is automatically done with the pre-installed Facebook app. ...

Integrate Google Login in React Native apps (iOS) with Firebase In this post, we’ll learn how to setup Google Login in React Native apps using Firebase. We’ll implement the authentication using react-native-google-signin npm package, and then test it on iOS. I have another blog explaining how to implement Google Login in React Native for Android, using Firebase. _Complete source code of this tutorial is available here – _** React-Native-google-login** Google login – What and why There are several reasons why you should use a Google login in your app ...

React-Native Firebase Phone Authentication with CRUD Operations and Image Upload on storage This post is all about authenticating firebase phone number authentication and CRUD operations in your cool new app. In this post, you will learn How to implement authenticate phone numberin our app. How to perform Firebase CRUD operations in React-Native app. How to upload an image on firebase storage Before start, first you will need a React-Native app to start with, hence you can follow how to create a react-native app for beginnersand start after that from here. ...

Firebase Push notifications in React Native Apps In this post, we’ll learn how to setup Push notification in React Native apps using Firebase. We’ll send notification using Firebase console and receive them in the app. We will also learn how to handle push notifications in your React Native apps. By handling , I mean how to access the data sent via the notification inside your app, and wake your app up if it is asleep or closed. ...