94 posts tagged with "React Native"

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.

Google Login reduces onboarding friction because many users already have a Google account on their phone. In React Native, the reliable pattern is to let a native Google Sign-In library collect the Google identity token, then pass that token to Firebase Authentication.

If you already know JavaScript or React, the fastest way to learn React Native is not to watch weeks of passive tutorials. The fastest path is to run a real app, inspect the code, make small changes, debug those changes, and then ship a small feature end to end.

This guide gives you a practical learning roadmap for React Native developers who want to move from "I understand the basics" to "I can customize and launch an app."

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.

The best React Native app ideas for beginners are small enough to finish, but complete enough to teach real mobile development. A good beginner project should include screens, navigation, lists, forms, data, error states, and a build you can install on a device.

This guide gives you practical project ideas and explains what each one teaches.

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.

Phone authentication lets users sign in with a phone number and a one-time SMS code. It is useful for marketplaces, dating apps, delivery apps, booking apps, and social apps where users expect a fast mobile-first onboarding flow.

Whether you’re building a React Native Tinder Clone or an original dating app, you’ll eventually end up implementing the UI for React Native Swipe Cards. At Instamobile, we built a Tinder cards component in React Native, for our Tinder Clone app. If you’re looking to learn how to build an app like Tinder in React Native, this tutorial is the perfect place to get started from.

Are you interested in building a React Native app that uses GraphQL API endpoints? Then you should read this tutorial. You are going to learn how to leverage Apollo to build a client-side GraphQL application with React Native and Expo. Apollo has an entire ecosystem to build GraphQL applications. You can use it to develop client-side and server-side apps separately. Apollo has more features and support than its open-source competitors in GraphQL for JavaScript world.

Breakpoints are still one of the fastest ways to understand a React Native bug. The tool has changed: for modern React Native apps, start with React Native DevTools instead of old remote Chrome debugging or standalone React Native Debugger workflows.