Anonymous login in React Native Apps with Firebase In this post, you will learn how to implement anonymous login in React Native apps using Firebase. We will also learn how to link an existing anonymous login with a new set of email password, so an anonymous user can convert into a normal user. We will implement these in a simple React Native app and test on device. ...
Facebook login in Capacitor apps with Ionic Angular In this post, you’ll learn how to implement Facebook login in your Capacitor apps, based on Ionic Angular framework. Following are the outcomes of this blogpost Login using Facebook in a Capacitor Ionic app (Angular) Retrieve user name and profile photo to show after login Auto-login users after first login Disclaimer Since this post is a mix of three frameworks, it is possible you landed here by mistake. If you are looking for Facebook login in ...
QR Code and Barcode Scanning with Ionic & Capacitor This post is about scanning QR code or Barcode in your cool new Capacitor Ionic app. Since this post is a mix of Ionic, Angular and Capacitor, it is possible you landed here by mistake. If you are looking for barcode scanner implementation in Ionic 4 with Angular in Cordova – Read this blog post React Native – Read this blog post Ionic 4 with Angular in Capacitor – Continue reading this post 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 Angular as the front-end framework, and Capacitor as runtime and build environment. ...
Top 8 cost deciding factors of React Native App development Type caption for image (optional) React Native was developed during the hackathon project of Facebook by their team of developers. Later it turned out to be one of the most popular and trending frameworks for mobile app development these days. It is considered as the most powerful framework based on JavaScript used for cross-platform app development. Easy-to-use UI, speed and efficiency are some of the top reasons what has made it one of the top mobile app development frameworks to choose from. This technology adopts some of the modern and traditional methods for the development of a hybrid mobile app. ...
How to make API calls in react native apps In this tutorial, we will implement all the provided methods for API calls into React Native application. In this project, we will learn different methods for API calls including fetch() method and Axios method provided by react-native. We will also see the different configurations and properties of these methods using fetch and axios in react native applications. **Complete source code of this tutorial is available here – **RNAPI__Methods ...
Navigations in React Native App In this project, we will learn different navigation methods including StackNavigator, Drawer Navigator and SwitchNavigator provided by react-native. We will also see the different configurations and properties of these navigations styles using react-navigation. **Complete source code of this tutorial is available here – **RNNavigations What is React-Native? TLDR; – React Native (RN) creates cross-platform apps, more “native” than web-view apps made by Cordova / Ionic. But React Native is yet to release a stable (1.0.0_) version of the framework. ...
How to make stories UI like Instagram and WhatsApp in React-Native In this tutorial, we will learn how to make stories of famous applications like WhatsApp and Instagram following each and every part by steps. This post is all about implementing the multi-language translation and text to speech in your cool new react-native application. In this post, you will learn How to implement [react-native-snap-carousel](https://github.com/archriss/react-native-snap-carousel) in our app. How to use class and functional components for stories UI in the react-native app. Before you start, first you would 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. ...
Google Login in Ionic React Capacitor Apps In this post, you’ll learn how to implement Google login in your Capacitor apps, based on Ionic React framework. We will also retrieve user name and profile photo to show after login. We will test the authentication on Web, Android and iOS. Since this post is a mix of three new frameworks, it is possible you landed here by mistake. If you are looking for Google login in ...
Twitter login in Ionic React Capacitor App In this post, you’ll learn how to implement Twitter login in your Capacitor apps, based on Ionic React framework. We will also retrieve user name and profile photo to show after login. And we’ll see how to auto-login users after first login. Since this post is a mix of three new frameworks, it is possible you landed here by mistake. If you are looking for Twitter login in ...
How to translate in React Native app– Globalization, Internationalization, and Text to Speech This post is all about implementing the multi-language translation and text to speech in your cool new react-native application. In this post, you will learn How to implement react-native-tts in our app. How to use i18n-js in your app. How to implement react-native-localization in our app. 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. ...