react-native-state

This skill provides a comprehensive architecture-focused approach to state management in React Native applications. It is designed for developers who need to move beyond simple local component state and implement robust, production-grade solutions for global state and server-side data synchronization. By mastering the interplay between different state management libraries, developers can ensure their applications are performant, maintainable, and type-safe using TypeScript.

• Implementation of Redux Toolkit slices, stores, and middleware for complex global state requirements in enterprise-level applications.

• Configuration of Zustand stores for lightweight, high-performance state management with integrated persistence layers.

• Advanced usage of TanStack Query for server state management, enabling efficient data fetching, caching, synchronization, and background revalidation.

• Data persistence strategies utilizing AsyncStorage and MMKV to maintain app state across device restarts and offline sessions.

• Strategic decision-making frameworks to determine the optimal state management tool based on use-case complexity, frequency of updates, and team scalability.

• Inputs include React Native project structures, API endpoint requirements, and desired caching policies for server state.

• Outputs consist of clean, typed store configurations, optimized data-fetching hooks, and robust persistence adapters.

• Practical tips: Always colocate server-state-dependent queries with the components that need them using TanStack Query hooks to prevent unnecessary re-renders.

• Constraints: Ensure all Redux actions and state slices remain serializable; avoid storing non-serializable data such as class instances or functions in the global store.

• Usage: This skill is essential for building data-intensive mobile applications where sync, offline-first capabilities, and consistent UI state are critical user experience requirements.