Can I use this for high-performance lists?

Absolutely. The skill recommends and provides implementation details for Shopify's FlashList to ensure smooth scrolling in data-heavy applications.

How does it handle mobile-specific UI challenges?

It includes standardized patterns for Safe Area insets, keyboard avoiding views, and platform-specific styling using Platform.select.

What architectural pattern does it follow?

It promotes Feature-Sliced Design (FSD) to keep React Native projects modular, maintainable, and scalable as the codebase grows.

Does this skill support Expo Router?

Yes, it provides specific patterns for file-based routing using Expo Router, including Stack and Tab navigation configurations.

React Native & Expo Mobile Dev

Name: React Native & Expo Mobile Dev
Author: dding-g

bydding-g

0•

Mobile Development

Streamlines React Native and Expo mobile application development using industry-standard patterns and performance optimizations.

This skill equips Claude with specialized knowledge for building high-performance cross-platform mobile apps using React Native and Expo. It implements the Feature-Sliced Design (FSD) architecture and Expo Router for robust file-based navigation. The skill provides production-ready patterns for authentication flows, secure storage, platform-specific UI components, and advanced performance techniques like FlashList and expo-image, ensuring developers follow mobile-first best practices from project initialization to deployment.

Características Principales

01File-based routing implementation using Expo Router and FSD structure

020 GitHub stars

03Cross-platform UI components with platform-specific branching and Safe Area handling

04Secure authentication flows and encrypted data storage using Expo SecureStore

05Performance-tuned list rendering with FlashList and optimized image handling

06Pre-configured keyboard management and push notification integration patterns

Casos de Uso

01Optimizing mobile app performance for smooth 60 FPS interactions and list scrolling

02Bootstrapping a new Expo project with a scalable, modular directory structure

03Implementing complex navigation hierarchies including nested tabs and stacks

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add dding-g/ddingg-claude-marketplace react-native

For use in Claude.ai and ChatGPT

Download Skill