skills.rest
zzoohub
zzoohubCOMMUNITY
Explore all skills by this author →
GitHub

react-native

Organizes React Native (Expo) projects using mobile-first patterns and conventions.

Updated Mar 18, 2025
Search Tags:#ui#architecture#patterns#mobile#react-native#fsd#expo
One-click install
npx skills add https://github.com/zzoohub/mealio --skill react-native-zzoohub
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-native
Source: https://github.com/zzoohub/mealio/tree/main/.claude/skills/react-native
Command: npx skills add https://github.com/zzoohub/mealio --skill react-native-zzoohub

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Standardizes React Native (Expo) project structure and patterns to reduce setup time and improve consistency across mobile apps.

Core Features & Use Cases

  • Project structure guidance: recommends a scalable Feature-Sliced Design layout for mobile apps.
  • Patterns & best practices: conventions for providers, state management, navigation, animations, and theming in Expo apps.
  • Use Case: when starting a new Expo project or refactoring a large React Native app, align with established conventions to accelerate delivery and maintain quality.

Quick Start

Adopt the Expo/React Native patterns in this skill to align a new or existing project with the recommended architecture and practices.

Frequently Asked Questions about react-native

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

FAQPage Schema
What is the best way to structure a scalable React Native Expo project?▼

Feature-Sliced Design is the recommended architecture for organizing React Native Expo projects, enforcing mobile-first patterns and conventions for cross-platform screens, navigation, and state management to improve consistency.

How do I apply mobile-first patterns and conventions when refactoring a React Native app?▼

Refactoring a React Native app involves applying conventions for providers, navigation, animations, and theming, aligning the existing codebase with established mobile-first patterns to accelerate delivery and maintain quality.

Does this React Native architecture skill support Feature-Sliced Design for large mobile apps?▼

Yes, it recommends a scalable Feature-Sliced Design layout specifically for mobile apps, enforcing conventions for state management, navigation, and theming in Expo projects to maintain quality at scale.

What conventions does Expo React Native enforce for theming and animations?▼

Expo React Native enforces mobile-first patterns for theming and animations by standardizing project structure and conventions, ensuring providers and state management align with the recommended architecture.

When do I need a standardized architecture for my Expo React Native app?▼

You need a standardized Expo React Native architecture when starting a new project or refactoring a large app, ensuring cross-platform screens, navigation, and state management follow established mobile-first conventions to reduce setup time.

Related Skills

Explore More Software Engineering Skills→
Yemomo511Yemomo511
2

add-app-clip

Automates iOS App Clip target configuration for Expo and React Native projects.

Community
Intermediate
OMIXECOMIXEC
1

flutter-development

Develop Flutter and Dart apps with Riverpod, GoRouter, and Dio.

Community
Intermediate
heaptracetechnologyheaptracetechnology
13

mobile-ui

Build platform-adaptive mobile UI components across React Native, Flutter, and SwiftUI.

Community
Advanced
zzafergokzzafergok
1

mobile-architecture

Organize Flutter apps with Clean Architecture and Domain-Driven Design.

Community
Advanced