Using react-native, integrate Google maps with custom style and track user location

In recent years, location tracking of products/services provided by businesses has become a vital part for businesses as well as customers as it provides them with live updates. In one of our health and fitness-based apps, we had a requirement of integrating the map with custom style and track location of the user while performing activities such as running or cycling. In this blog, we will walk you through steps for integrating Google Maps with custom style and tracking the location of the user using react-native. Contents: Initialize project Add react-native-maps and link it Load default map Enabling Google

Setup React Native Web App with TypeScript and WebPack

In this tutorial we will setup react native web app locally and deploy on Render.Before we start with the react-native-web setup, I assume that you have installed Node.js, Yarn and react-native-cli on your machine.1. Setup React Native App with TypescriptTo create react native app you need to run following commandreact-native init ReactNativeWebApp This command will create react native app and your app directory will look like as shown in the following image (image 1.1)image 1.1: Project rootTo add typescript to our app first we need to install react-native-typescript-transformeryarn add --dev react-native-typescript-transformer typescript Then create

Building Algolia Powered Search In React Native

Algolia provides in a nutshell, Search As A Service, which if you think is a pretty cool service. It takes away all the heavy lifting of building & maintaining a search infrastructure, gives you a nice API to work with and a robust monitoring to keep everything in check.The team at Algolia has open sourced API client for most of the programming languages & also built libraries for a bunch of popular platforms out there. React-InstantSearch is one of such library which we will be using in this example.Here is the demo of what we’re going to

9 libraries to consider for your next React Native project

React Native has made mobile application development process bliss for developers, there’s no doubt in that. I’ve been working on it full time since last 5 months and I couldn’t be more happier then how I’m right now.After working on bunch of React Native projects, I was retrospecting the libraries I was using and turns out there are quite few of them which are essentially shaping up my projects very well. Hence, I thought I could compile a list and share it with the community.Here we go:React Native App IntroMost of the users

5 React Native Open Source Projects To Learn From

Best way to learn writing software is to read open source code — Every Senior Programmer.Reading open source code is the best and effective way to tech yourself to write better code, especially if the tool is fairly new or the standards around that tool is still evolving. ReactNative is a perfect candidate for such a tool. It is under constant iteration cycle with APIs evolving with every release, Massive pool of libraries to chose from and very limited list of resources on how to move beyond getting started guides. Even otherwise, It is always a best practice to read