skills.rest
Kaakati
KaakatiCOMMUNITY
Explore all skills by this author →
Website𝕏@kaakatiGitHub

react-native-dev

Develop React Native features with Zustand, TanStack Query, and Centrifugo.

2|1|Updated Feb 27, 2026
Search Tags:#state management#data fetching#mobile development#zustand#react native#tanstack query#centrifugo
One-click install
npx skills add https://github.com/Kaakati/sdh-claude-skills --skill react-native-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-native-dev
Source: https://github.com/Kaakati/sdh-claude-skills/tree/main/.claude/skills/react-native-dev
Command: npx skills add https://github.com/Kaakati/sdh-claude-skills --skill react-native-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the development of React Native mobile applications by providing a structured approach to building features with modern state management, data fetching, and real-time capabilities.

Core Features & Use Cases

  • Component-driven Development: Follows a clear directory structure for screens, components, hooks, and stores.
  • State Management: Integrates Zustand with MMKV for efficient client-side state persistence.
  • Data Fetching: Leverages TanStack Query for robust server data management, including caching and mutations.
  • Real-time Updates: Supports Centrifugo for implementing live data subscriptions.
  • Use Case: Develop a new mobile screen for user profiles, including fetching user data, managing local UI state, and displaying real-time notifications.

Quick Start

Use the react-native-dev skill to create a new screen for displaying a list of user orders, including data fetching and state management.

Frequently Asked Questions about react-native-dev

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

FAQPage Schema
How do I build React Native screens with Zustand and TanStack Query?▼

Build React Native screens by structuring your project into separate directories for components, hooks, and stores. Use Zustand for local state management and TanStack Query for fetching and caching server data.

What is the best way to manage real-time data subscriptions in React Native?▼

Manage real-time data in React Native by integrating Centrifugo for live subscriptions. This allows your mobile application features to receive and display real-time updates efficiently.

How do I persist client-side state in a mobile app using Zustand?▼

Persist client-side state using Zustand integrated with MMKV. This combination provides efficient local state persistence for your React Native application across user sessions.

Can I use react-hook-form and react-native-maps in my mobile app development workflow?▼

Yes, the workflow supports integrating libraries like react-native-maps for location features and react-hook-form for handling form inputs within your React Native screens and components.

Does this approach handle server data caching and mutations for mobile applications?▼

Yes, it leverages TanStack Query for robust server data management in mobile apps, handling both data caching and mutations to keep your UI synchronized with your backend.

How do I structure a React Native project for component-driven development?▼

Structure your project by maintaining clear, distinct directories for screens, components, hooks, and stores. This organization streamlines developing new mobile features like user profiles.

Related Skills

Explore More Software Engineering Skills→
alinaqialinaqi
705

react-native

Provide React Native development patterns for structure, state, and testing.

Community
Intermediate
ouakarouakar

mobile-engineer

Build cross-platform mobile apps for iOS and Android from BRD requirements.

Community
Advanced
gileckgileck

state-management-guidelines

Standardize state management with React Query, Zustand, and useState.

Community
Advanced
miles990miles990
20

mobile

Provide patterns and best practices for React Native and Flutter mobile development.

Community
Intermediate