Articles related to mobile development
View All TagsThe KeyboardAvoidingView works like a charm on iOS, but it can be a bit hit or miss on Android. This is mainly due to the varying keyboard heights and behaviors across different Android devices. You might find yourself needing to mix it with other solutions or tweak how you use it for Android.
React Native performance work should start with measurement, not guesses. Most slow apps are not slow everywhere. They are slow on a few screens: feeds, checkout, chat, onboarding, maps, image grids, video playback, or cold start.
When working with React, managing state can be a crucial task. Redux and the Context API are two popular tools to address this challenge. In this tutorial, we'll delve deep into both, compare them, and provide code snippets to make the choice clearer.
Firebase and Supabase are both strong backend choices for React Native apps, but they optimize for different teams. Firebase gives you a mature Google-backed app platform. Supabase gives you a PostgreSQL-centered backend with SQL, Row Level Security, and an open-source stack.
Network bugs are some of the most common React Native production issues. A screen may fail because the request is wrong, the token is missing, Firebase rules reject the user, App Check blocks the call, the backend returns a 500, or the simulator cannot reach the host.
AWS Amplify is a framework that lets us develop a web or mobile application quickly. In this tutorial, we are going to continue to learn how to perform CRUD operations with the database by using GraphQL mutations. AWS Amplify has a complete toolchain wiring and managing APIs with GraphQL. The API we will be creating in this tutorial is a GraphQL API using AWS AppSync (a managed GraphQL service) and the database will be Amazon DynamoDB (a NoSQL database).
A bottom sheet is a component that slides up from the bottom of the screen to display additional content. It is commonly used to display contextual menus, options, and additional content. The bottom sheet component is a great way to add a layer of interactivity to your React Native app.
Animated View is a powerful way to animate components in React Native. It can be used to create smooth and fluid animations which can be used to enhance the user experience. In this tutorial, we will learn how to use Animated View in React Native to create 5 different animation examples.
CodePush used to be the default answer for React Native over-the-air updates. That answer needs more context now. Microsoft retired Visual Studio App Center on March 31, 2025, and the hosted App Center workflow that many CodePush tutorials depended on is no longer a safe long-term default.
This tutorial will walk you through the steps of building a basic chat application with React Native and Socket.IO. We will be using the Expo client, React Navigation, and Node.js to create a real-time chat application.