{"enrichment":{"faq":[{"a":"React Native State covers multiple approaches to state management depending on your app's complexity. For simple component-level state, use React's built-in useState hook. For complex app state, Redux Toolkit provides predictable state containers with middleware support. Zustand offers a lightweight alternative for global stores without boilerplate. TanStack Query handles server-side data caching efficiently. The skill teaches you to evaluate your use case and select the appropriate tool.","q":"How do you manage state in React Native applications?"},{"a":"React Native State emphasizes architectural patterns that scale. Best practices include separating local component state from global application state, using immutable updates, implementing proper data persistence with AsyncStorage or MMKV, and leveraging TypeScript for type safety. The skill provides decision frameworks to choose between Redux Toolkit for enterprise complexity, Zustand for lightweight needs, and TanStack Query for server data management.","q":"What state management patterns and best practices apply to React Native?"},{"a":"React Native State teaches both patterns: local state lives within individual components using useState, while global state requires a store solution. Redux Toolkit centralizes state with actions and reducers; Zustand creates minimal stores with hooks; TanStack Query manages remote data. The skill covers practical implementation with TypeScript integration, showing how to connect components to stores and handle updates efficiently across your app.","q":"How do you implement local and global state handling in React Native components?"},{"a":"React Native State compares major tools: Redux Toolkit for large apps with complex state logic, Zustand for lightweight global stores with minimal setup, and TanStack Query for server-side caching. The skill provides decision frameworks based on app size, team experience, and performance needs. It also covers data persistence strategies using AsyncStorage and MMKV to maintain state across app sessions.","q":"What are react native state management tools and how do you choose between them?"},{"a":"React Native State addresses common issues like unnecessary re-renders, stale state, and memory leaks. Optimization techniques include memoization, selective subscriptions, and proper cleanup in effects. The skill teaches debugging strategies for state mutations, async state updates, and performance profiling. It covers how to identify bottlenecks and apply patterns that keep your app responsive.","q":"How do you troubleshoot state-related issues and optimize state performance?"},{"a":"React Native State clarifies that props are immutable data passed from parent to child components, while state is mutable data managed within a component or globally. Props enable one-way data flow; state enables dynamic updates. The skill teaches when to use each: props for configuration and callbacks, state for data that changes over time. Understanding this distinction is foundational for effective React Native architecture.","q":"What is the difference between state and props in React Native?"}],"shadow_tags":["state-management","component-lifecycle","data-flow","react-hooks","frontend-architecture"],"summary_rewrite":"Learn to architect scalable state solutions for React Native apps using Redux Toolkit for complex app state, Zustand for lightweight global stores, and TanStack Query for server-side caching. This skill covers TypeScript integration, data persistence with AsyncStorage and MMKV, and decision frameworks for choosing the right tool per use case."},"gist":{"api_url":"https://skillfed.io/api/skills/pluginagentmarketplace/custom-plugin-react-native/react-native-state.json","as_of":"2026-01-05","description":"React Native State teaches production-ready state management with Redux Toolkit, Zustand, TanStack Query.","install":{"manual":["git clone https://github.com/pluginagentmarketplace/custom-plugin-react-native","cp -r custom-plugin-react-native ~/.claude/skills/react-native-state"],"primary":"npx skillfed install pluginagentmarketplace/custom-plugin-react-native/react-native-state","version":"3e7db84b"},"kind":"skill","mirror_url":"https://skillfed.io/pluginagentmarketplace/custom-plugin-react-native/react-native-state.md","similar":[{"id":"patricio0312rev/skills/zustand-state-builder","name":"zustand-state-builder","publisher":"patricio0312rev/skills","url":"https://skillfed.io/patricio0312rev/skills/zustand-state-builder"},{"id":"duck4nh/antigravity-kit/state-management-expert","name":"State Management Expert","publisher":"duck4nh/antigravity-kit","url":"https://skillfed.io/duck4nh/antigravity-kit/state-management-expert"},{"id":"emanueleielo/deepagents-open-lovable/state-management","name":"State Management","publisher":"emanueleielo/deepagents-open-lovable","url":"https://skillfed.io/emanueleielo/deepagents-open-lovable/state-management"},{"id":"AsyrafHussin/agent-skills/state-management","name":"state-management","publisher":"AsyrafHussin/agent-skills","url":"https://skillfed.io/AsyrafHussin/agent-skills/state-management"},{"id":"bobmatnyc/claude-mpm-skills/zustand","name":"zustand","publisher":"bobmatnyc/claude-mpm-skills","url":"https://skillfed.io/bobmatnyc/claude-mpm-skills/zustand"}],"title":"React Native State by pluginagentmarketplace \u2014 SkillFed","use":{"when":["React Native State emphasizes architectural patterns that scale.","React Native State teaches both patterns: local state lives within individual components using useState."]},"what":{"lead":"React Native State teaches production-ready state management with Redux Toolkit, Zustand, TanStack Query, and data persistence.","rest":"Learn to architect scalable state solutions for React Native apps using Redux Toolkit for complex app state, Zustand for lightweight global stores, and TanStack Query for server-side caching. This skill covers TypeScript integration, data persistence with AsyncStorage and MMKV, and decision frameworks for choosing the right tool per use case."}},"id":"pluginagentmarketplace/custom-plugin-react-native/react-native-state","install":{"mode":"external","repo":"https://github.com/pluginagentmarketplace/custom-plugin-react-native"},"links":{"html":"https://skillfed.io/pluginagentmarketplace/custom-plugin-react-native/react-native-state","md":"https://skillfed.io/pluginagentmarketplace/custom-plugin-react-native/react-native-state.md","repo":"https://github.com/pluginagentmarketplace/custom-plugin-react-native"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":1,"language":"Python","last_updated":"2026-01-05","license":"NOASSERTION","name":"React Native State","publisher":"pluginagentmarketplace","stars":9},"relations":{"similar":[{"id":"patricio0312rev/skills/zustand-state-builder"},{"id":"duck4nh/antigravity-kit/state-management-expert"},{"id":"emanueleielo/deepagents-open-lovable/state-management"},{"id":"AsyrafHussin/agent-skills/state-management"},{"id":"bobmatnyc/claude-mpm-skills/zustand"},{"id":"secondsky/claude-skills/tanstack-query"},{"id":"affaan-m/ECC/react-native-patterns"},{"id":"bobmatnyc/claude-mpm-skills/tanstack-query"},{"id":"Gentleman-Programming/Gentleman-Skills/react-native"},{"id":"aj-geddes/useful-ai-prompts/frontend-state-management"}]},"slug":{"owner":"pluginagentmarketplace","repo":"custom-plugin-react-native","skill":"react-native-state"},"version":"3e7db84b"}