Beniamin Marcu

Today we are going to discuss React Native open source apps and production-grade codebases that are useful to study before starting your next mobile app.

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.

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.

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.

Visual Studio Code (VSCode) is a popular code editor among React Native developers due to its rich features and extensive ecosystem. In this blog post, we will explore some valuable tips to enhance your React Native development workflow using VSCode.

React Native Debugger was a popular standalone debugger for older React Native apps. For modern projects, the recommended starting point is React Native DevTools, which is built into the React Native development workflow.

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).