78 posts tagged with "React Native"

Unit tests are a vital part of any software development project and React Native is no exception. Unit tests are small, isolated pieces of code that test a single component or feature of an app. Writing unit tests for React Native apps can help developers catch bugs early, ensure code quality, and make debugging easier.

Gradients bring out a colorful taste in our apps. So it’s important to know how and when to use them in your mobile apps. In React Native, gradients are extremely easy to integrate and in this article we are going to describe exactly how to implement them. There are mainly two types of linear gradients in React Native and CSS: Linear and Radial gradient Two of the most used JavaScript libraries for generating gradients in React Native are

There are various popular ways to login into a mobile application. Facebook is a great authentication choice. In fact, we are using it in all of our React Native Templates, at Instamobile. Login with Facebook is an easy and efficient way to make the user comfortable with signing up for your app. In this tutorial, we are integrating Facebook Login React Native leveraging Firebase Auth. We are using Expo, to reduce development friction.

Flipper is a tool built by Meta (former Facebook) to aid in debugging React Native mobile applications (Android, iOS and Web). In this tutorial we’re going to explore how to debug React Native apps with Flipper.

Localization means adapting your app’s translations to suit your customers’ specific country or region. Supporting multiple languages (including RTL) is a critical feature for any successful mobile app, since it opens up the user base to a much larger pool of people, and also improves the user experience tremendously. Localization in React Native could be a little tricky, which is why we are writing this tutorial. Let’s see how you can localize your React Native apps elegantly.

Login with Google is a convenient way to allow users to register and authenticate into your React Native app. It reduces friction in the onboarding flow, and therefore it maximizes user growth. Firebase provides a seamless experience of adding Google Login into any React Native app with almost no effort. In this React Native tutorial, we are going to implement Login with Google in React Native with Firebase.

If you already have some programming experience and you’re interested in learning React Native, there are a few methods that are faster than the traditional route of learning. Most tutorials, books and courses are targeted towards non-programmers, wasting your time with the basics. But if you have programming experience, here’s how to learn React Native practically in a fraction of the time.

Hermes is a Javascript engine that is optimized for React Native and works for both Android and iOS. Hermes is an open source library that has been found to have potential upsides for performance in many apps such as improved start-up time, more efficient, hence reduced memory usage and a smaller app size. At the time of writing this Hermes still remains an opt-in feature and you have to make sure that the React Native version of your project is at least 0.60.4 otherwise you won’t be able to use this very resourceful library.

At Instamobile, we’ve built a ton of high-quality complex React Native apps, helping developers who are new to React Native learn the framework and launch their first React Naive apps much faster. In this article, we try to answer a question that we get a lot from our students, by compiling an extensive list of the 10 Best React Native App Ideas that can be built by complete beginners. Learning React Native might feel overwhelming at first.

In this tutorial, you will learn how to implement React Native Charts in your mobile app projects. In order to add chart visuals to a mobile app, we are going to use the react-native-chart-kit library, which provides us with the ability to add stunning charts to our React native apps. With this charts library, you can create line charts, Bezier line charts, Pie charts, Bar charts, Progress charts, and Contribution graphs. The library provides a Charts API that is easy to use, responsive, easy to plug-in and highly customizable.