React Native State Management

Instructions

Split state into two kinds: client state (UI, session, local forms) and server state (remote data). Never conflate them.

• Client state -> zustand (default), @reduxjs/toolkit for large teams already on Redux, or jotai for atom-granular state.
• Server state -> @tanstack/react-query v5.

1. Zustand (Preferred Default)

// src/features/cart/model/cartStore.ts
import { create } from 'zustand';
import { persist, createJSONStorage } from 'zustand/middleware';
import { mmkvStorage } from '@infrastructure/storage/mmkv';

type CartItem = { id: string; qty: number };