Posts

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 ...

What’s new in Ionic React RC (and how to use it) Ionic React RC If you are here, that means you have already heard about Ionic React RC is now out! and you are searching for how to create Ionic apps in react using Ionic React. If that’s true, then you are in the right place. Here I would be creating an Ionic app in React Using Ionic React. Need not worry, I would be taking you step by step how to make Ionic apps in React Using Ionic React. ...

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. ...

12 Amazing App Templates for Beginners to Jump start App Development So you have been learning development for a while and want to make professional apps similar to Uber, Tinder, Spotify etc. But your current experience and UI knowledge is not allowing you to jump that high? OR, if you are a freelancer or app development agency, you may be stuck in the “Portfolio-loop” – because you don’t have great looking apps to show off, you aren’t getting bigger projects from clients? ...

How to use Geolocation, Geocoding and Reverse Geocoding in React Native Apps In this post, you will learn how to implement Geolocation React native apps. We will also learn how to Convert Geocode in Location address (Reverse Geocoding) and Location Address into Geocode(Geocoding) in a simple React native app. React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI using declarative components. ...

Android X AndroidX Support in React Native Apps React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI using declarative components. What Is React Native? React Native is a JavaScript framework for writing real, natively rendering mobile applications for iOS and Android. It’s based on React, Facebook’s JavaScript library for building user interfaces, but instead of targeting the browser, it targets mobile platforms. In other words: web developers can now write mobile applications that look and feel truly “native,” all from the comfort of a JavaScript library that we already know and love. Plus, because most of the code you write can be shared between platforms, React Native makes it easy to simultaneously develop for both Android and iOS. ...

Ionic 4 QR Code, Barcode Scanning Complete source code of this tutorial is available here – Ionic 4 Qrcode Barcode This post is all about scanning QR code or Barcode and creating QR code in your cool new app. In this post, you will learn How to implement phonegap-plugin-barcodescanner and cordova-plugin-qrscannerin our app. How to create QR Code usng these plugin into an ionic app. Before start, first you will need an ionic app to start with, hence you can follow how to create an ionic app for beginners and 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. ...

What’s new in Angular 8! Angular 8 Angular 8 was just released! As planned, there were no surprises: the update of the framework and CLI can be done by using ng update and the new features are a welcome addition in line with the motto “evolution instead of revolution”. In this article, I will cover the most important new features of Angular 8 and the corresponding Angular CLI 8. TypeScript 3.4 Angular 8.0 now supports TypeScript 3.4, and even requires it, so you’ll need to upgrade. ...

Lifecycle Hooks A guide to react native life cycle hooks React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI using declarative components. What Is React Native? React Native is a JavaScript framework for writing real, natively rendering mobile applications for iOS and Android. It’s based on React, Facebook’s JavaScript library for building user interfaces, but instead of targeting the browser, it targets mobile platforms. In other words: web developers can now write mobile applications that look and feel truly “native,” all from the comfort of a JavaScript library that we already know and love. Plus, because most of the code you write can be shared between platforms, React Native makes it easy to simultaneously develop for both Android and iOS. ...