101 posts tagged with "React Native"

Hermes is the JavaScript engine optimized for React Native. In modern React Native and Expo projects, Hermes is the default path for most apps, so the real question is no longer "How do I turn Hermes on?" It is "How do I confirm Hermes is working, benchmark the app properly, and avoid update/runtime mismatches?"

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.

Camera features power profile photos, social posts, chat attachments, video feeds, marketplace listings, delivery proof photos, and dating profiles. The modern React Native implementation needs camera permissions, microphone permissions for video, safe previews, media validation, and an upload pipeline.

Biometric authentication can make a React Native app feel faster and safer, but it should be designed as a local unlock step, not as a replacement for your account system. The device verifies the enrolled fingerprint or face; your app decides what to unlock after that verification succeeds.

Expo's expo-local-authentication package gives React Native apps access to Face ID, Touch ID, Android Biometric Prompt, and device passcode fallback.

AWS Amplify is a framework that lets you develop a web or mobile application quickly, by accessing the backend cloud services offered by AWS. In this article, we are going to learn how to use AWS Amplify in React Native by building a fully functional login and registration flow. This tutorial is going to take a look at one of the most important features of a mobile application – the authentication. You know the scenario. You need to store some amount of user information (credentials) for them to get back and re-use the application rather than creating a new account. Please make sure to have an AWS account before you begin this tutorial. If you don’t, please sign up for one.