170 posts tagged with "React Native"

Perceived performance is critical in mobile apps. We need to make our apps fast and snappy, otherwise users won’t use them. Adding features like animations and haptic touch feedback makes mobile apps feel more performant. In this article we are going to be talking about Haptic Feedback in React Native – what it is and how can we implement it in mobile apps.

Supabase can be a strong backend for React Native apps when you want PostgreSQL, SQL, Row Level Security, Auth, Storage, and Edge Functions. The key React Native detail is session persistence: configure storage and URL handling before building screens on top of the Supabase client.

At Instamobile, we offer functional free and premium React Native UI Kits, to help developers and entrepreneurs build their native mobile apps for iOS and Android more quickly. By using a free React Native UI Kit, you skip the hard part of creating an app from scratch. You get to use beautiful UI elements, that were already created and implemented for you so that you can focus on what makes your app unique. A React Native UI Kit offers developers a large set of gorgeous UI Components, that can be used to build a beautiful React Native interface. A UI Design Kit basically provides the bricks that you need to put together to create a mobile app. Check out our premium and free Mobile App Templates if you’re looking to save months of work and launch your startup faster.

If you are comparing complete app templates instead of UI-only kits, start with The Ultimate Guide to React Native App Templates. For a broader component-library comparison, see React Native UI Libraries.

Podcasts are useful for React Native developers because they explain the context behind ecosystem changes. A changelog tells you what shipped. A good podcast helps you understand why a team chose a pattern, how a migration went, and what tradeoffs appeared in production.

This list focuses on podcasts and long-form audio sources that are useful for React Native developers, technical founders, and teams maintaining real apps.

Uber-like geolocation is not one feature. It is a system: rider location, pickup selection, driver availability, dispatch logic, live tracking, routes, ETA, push notifications, backend state, privacy disclosures, and cost controls.

React Native is popular with teams that want native iOS and Android apps from a shared JavaScript codebase, and there are many choices when it comes to functional React Native app templates. Beautiful app designs are harder to find when you also need production-ready code, backend integration, and maintainable architecture. At Instamobile, we are creating beautiful mobile app templates, in React Native, Kotlin and Swift, to empower app developers and entrepreneurs to make their own native mobile apps quickly and at a fraction of the cost. Check out some of our work, such as this amazing Restaurant App Template in React Native.

This page focuses on free examples and starter kits. For the broader decision framework across free, premium, and production-ready source code, read The Ultimate Guide to React Native App Templates.

In the world of React Native development, creating efficient and responsive lists is a common task. One of the go-to components for this purpose is the FlatList. In this comprehensive tutorial, we will take a deep dive into React Native’s FlatList component. We’ll cover everything you need to know to use FlatList effectively in your React Native applications.

KeyboardAvoidingView is the built-in React Native component for moving or resizing content when the software keyboard appears. It is useful for simple forms, authentication screens, checkout fields, profile edits, and support flows.

The tricky part is that keyboard behavior differs by platform, navigation header, safe area, scroll container, modal presentation, and Android window settings. Treat keyboard handling as a screen-level layout decision, not a wrapper you add around the whole app.

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.

This tutorial will introduce you to 10 essential React Native libraries that can significantly speed up your mobile app development process. We will cover each library's installation and setup, key features, and provide examples of their usage. By leveraging these libraries, you can enhance your React Native projects with advanced functionalities and streamline your development workflow.

In this tutorial, we will explore Kotlin's multiplatform mobile development using Kotlin/React. Kotlin/React is a framework that allows developers to write mobile applications using Kotlin and React, enabling them to share code between different platforms. This tutorial will guide you through the process of setting up the development environment, creating a basic Kotlin/React app, building UI components, integrating Kotlin and React Native, and testing and debugging Kotlin/React apps.

React Context and Redux solve different parts of the state problem. Context lets a parent make a value available deep in the component tree. Redux Toolkit gives you a predictable external store with reducers, actions, middleware, selectors, DevTools integration, and a mature ecosystem.

For React Native apps, the right answer is usually a mix: local component state for local UI, Context for low-frequency app-wide values, server-state tools or backend listeners for remote data, and Redux Toolkit only when global client state is complex enough to deserve a store.