mobile-state-management

The best way to manage React Native state is to match the tool to the data type: use useState for local UI state, Zustand for global UI state, React Query for server data, and Jotai for atomic state. This strategy reduces boilerplate and decision fatigue.

To set up state management in Expo, create a Zustand store to hold global UI state and scaffold a React Query hook to fetch and cache server data. This pattern cleanly separates client-side and server-side data flows.

You should use Jotai for atomic state when you need fine-grained, independent state atoms, whereas Zustand is better for centralized global stores. This Skill helps you determine the exact scenarios for applying each tool.

Yes, this React Native state management approach handles complex forms and authentication by providing real-world patterns. It guides you on structuring form state across screens and managing authentication flows effectively.

Yes, you need React Query alongside Zustand because they solve different problems. Zustand manages client-side global UI state, while React Query handles server data fetching, caching, and synchronization, ensuring a complete state strategy.

Derived state in React Native is computed from existing local, global, or server state. This Skill provides practical scenarios for defining and implementing derived state patterns when combining useState, Zustand, and React Query.