167 posts tagged with "React Native"

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.

Introduction​

This tutorial will provide an in-depth introduction to React Native testing using Jest and Enzyme. Testing is an essential part of the software development process as it helps ensure the stability and reliability of the application. Jest is a popular JavaScript testing framework that provides a simple and intuitive API for writing unit tests, while Enzyme is a testing utility for React that makes it easy to test React components.

In this tutorial, we will explore 10 essential React Native UI components that are crucial for building beautiful and functional mobile apps. React Native is a popular JavaScript framework that allows developers to build native mobile applications using React, a JavaScript library for building user interfaces. These UI components will help you create stunning and intuitive user interfaces for your React Native apps.

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.