82 posts tagged with "React Native"

Today we’re going to draw directions route on a map in React Native, showcasing the path between two different locations. We’re going to make use of react-native-maps which is a powerful library, allowing us to draw polylines between multiple coordinates. We are also going to use Google Directions API, in order to fetch precise directions routes between two coordinates.

At Instamobile, we’re building a ton of complex features to save time and energy for React Native developers across the world. One of these complex features is the chat functionality, which is a must have in almost all mobile apps nowadays. In this tutorial, we’ll learn how to add a React Native Chat into any mobile app with only a few lines of code. And yes, we are talking about a fully fledged chat function, that comes integrated with backend (database & storage) and that is real-time. And it can be integrated into any React Native app with no effort!

It’s nearly impossible to build a mobile app these days without needing to access your users’ location in order to improve the user experience tremendously. In this article, we will be looking at how to get user location in React Native, without having your app crash.

We’ve recently launched a free React Native Starter Kit, and I thought it’d be a good idea to document the entire process of designing a react native starter app, from inception to the final product. Hopefully, this can help people looking to create a mobile app and have no idea how to start and what the product design process looks like.

Interested in learning React Native? Let’s build your first React Native app, a simple mobile app displaying a list of countries, fetched from a REST API with a network request. This React Native tutorial is aimed at introducing React Native, giving you the basis of what you need to know before building a real React Native application. After that, we proceed to helping you build your first real React Native app. By the end of this article you will build a React Native app that can run on both iOS and Android devices.

React Native is a framework for building cross-platform mobile apps for iOS and Android. There are lots of materials with which to learn React Native and in this article I will show the best 10 resources to learn React Native development. For each learning material I will talk about the entry behavior, time to complete, content and difficulty level.

Giphy is the largest library providing one of the most popular forms of media widely used for chatting – GIFs or Graphics Interchange Format and stickers. The most popular social media apps such as WhatsApp, Instagram, Slack, Skype and Twitter (to mention a few) use Giphy’s technology to provide GIF content and Stickers for their chat users to improve the chatting experience. At Instamobile, we’ve added Giphy integration into all of our chat apps, so we’re going to describe our experience of integrating the Giphy API into any React Native app.

Redux is a popular React and React Native state management library, meant to be used in complex React and React Native apps where sharing state between multi-level components can get extremely difficult to manage. In this article we are going to learn how to use Redux with React Hooks by building a real React Native app.

As we wrap up the work on our fully functional React Native WordPress template (yes, we launched it and couldn’t be prouder of the result!), I realized that many React Native developers will face the task of integrating WordPress REST API with React Native. As a result, I decided to share our learnings, in order to help out programmers who are building their React Native apps with a WordPress backend.

Next time you start working on a new mobile app, consider using a fully-coded react native starter kit, to speed up your development. At Instamobile, we build react native templates, to help mobile developers and small business owners launch their apps faster. We’ve compiled a list of beautiful React Native templates, that allows entrepreneurs to focus on their product, rather than on reinventing the wheel, by rewriting the boilerplate code every app has (like user authentication & sign up, Facebook login, Firebase integration, etc.).