react-native-expert

React Native project structure should organize code into modular layers: navigation, state management, and UI components. This Skill provides a functional blueprint with clear folder organization, a root navigator using React Navigation, and Zustand for global state, enabling teams to maintain consistency as the app grows.

React Navigation provides the standard navigation library for React Native. This Skill implements a RootNavigator pattern that centralizes navigation logic, manages auth flows, and keeps navigation state separate from UI components, reducing complexity in large cross-platform apps.

Zustand is a lightweight state management library that scales well for React Native. This Skill demonstrates how to build an auth store and global state patterns using Zustand, eliminating prop drilling while keeping the state layer simple and performant.

FlatList optimization and memoization prevent unnecessary re-renders when displaying large datasets. This Skill covers FlatList configuration best practices, component memoization strategies, and when to apply each technique to maintain 60 FPS performance on cross-platform mobile.

Platform-specific styling in React Native requires conditional logic to apply iOS and Android rules separately. This Skill provides platform-aware styling patterns and rules that adapt components for each platform's design conventions, reducing code duplication.

TypeScript integrates seamlessly with React Native and enhances the patterns covered here. This Skill is built with TypeScript support for navigation, state management, and component typing, enabling safer refactoring and better IDE tooling across your codebase.