rn-state-and-storage

Select React Native state libraries and storage options with hydration timing.

9|1|Updated Jun 16, 2026
One-click install
npx skills add https://github.com/AratKruglik/antigravity-sdlc --skill rn-state-and-storage
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: rn-state-and-storage
Source: https://github.com/AratKruglik/antigravity-sdlc/tree/main/plugins/react-native-plugin/skills/rn-state-and-storage
Command: npx skills add https://github.com/AratKruglik/antigravity-sdlc --skill rn-state-and-storage

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

State management and storage choices in React Native can be confusing, with web patterns not always aligning with mobile constraints. This skill guides you through selecting appropriate state libraries (Zustand, Jotai, Redux Toolkit, TanStack Query, Context) and RN-specific storage options (AsyncStorage, MMKV, SecureStore, Keychain), including hydration patterns and secrets discipline.

Core Features & Use Cases

  • Pick a state management library that matches web intuition while fitting RN constraints.
  • Choose storage by data sensitivity (AsyncStorage, MMKV, SecureStore, Keychain) and implement hydration on app startup.
  • Persist UI and business state across app restarts while avoiding plaintext secrets.
  • Use case: start a new RN app with a consistent hydration flow and secure token handling.

Quick Start

Describe your React Native app's state and storage needs to get a tailored RN state-and-storage setup.

Frequently Asked Questions about rn-state-and-storage

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I choose a React Native state management library that fits mobile constraints?

React Native state management requires selecting libraries like Zustand, Jotai, Redux Toolkit, TanStack Query, or Context that align web intuition with mobile constraints. This ensures reliable UI state persistence and proper hydration timing across app restarts without plaintext secrets.

What is the best way to persist UI state across React Native app restarts?

Persisting UI state across React Native app restarts requires mapping your state library to a storage option like AsyncStorage or MMKV. This setup enforces proper hydration timing on startup, ensuring reliable business state recovery without exposing sensitive data.

How do I securely handle sensitive tokens during React Native app startup?

Securely handling sensitive tokens during React Native startup requires using SecureStore or Keychain instead of AsyncStorage. This enforces secrets discipline by preventing plaintext storage while maintaining proper state hydration timing for reliable app restart flows.

When should I use MMKV instead of AsyncStorage in React Native?

Use MMKV instead of AsyncStorage in React Native when you need faster synchronous storage for non-sensitive UI or business state. AsyncStorage suits less critical persisted data, while sensitive data requires SecureStore or Keychain to enforce secrets discipline.

How does state hydration work with TanStack Query and MMKV in React Native?

State hydration with TanStack Query and MMKV in React Native involves timing the restoration of persisted data before the UI renders. This enforces a consistent startup flow, ensuring the app hydrates business state reliably without blocking the user interface.