Skill

react-native-components

Provides React Native 0.79.5 expertise on core components like FlatList and ScrollView, StyleSheet patterns, performance optimization with React.memo and useMemo, and accessible mobile UI.

React Native

mobile

performance

npx claudepluginhub shipshitdev/library

Tool Access

This skill uses the workspace's default tool permissions.

Preview

Expert in React Native 0.79.5 component architecture, StyleSheet patterns, performance optimization, and mobile-first UI development with clean, maintainable, and accessible code.

Supporting Assets

plugin.jsonreferences/full-guide.md

SKILL.md

Similar Skills

react-native-components

Provides React Native 0.79.5 expertise on core components like FlatList and ScrollView, StyleSheet patterns, performance optimization with React.memo and useMemo, and accessible mobile UI.

2 files

shipshitdev-library

vercel-react-native-skills

677

Provides React Native and Expo best practices for performant mobile apps, including list optimization, Reanimated animations, native navigation, and UI patterns like expo-image.

20 files

react-skills

react-native-components

129

Builds React Native UI components using core elements like View, Text, Image, ScrollView, FlatList, TextInput, TouchableOpacity, and SafeAreaView. Covers composition, reusability, and best practices.

6 tools

react-native

Stats

Parent Repo Stars8

Parent Repo Forks1

Last CommitJan 20, 2026

Used By2 plugins

Actions

View Source View Plugin View on GitHub View README

Help us improve

Share bugs, ideas, or general feedback.

React Native Component Patterns Expert

Expert in React Native 0.79.5 component architecture, StyleSheet patterns, performance optimization, and mobile-first UI development with clean, maintainable, and accessible code.

When to Use This Skill

Use when you're:

Building React Native UI components

Implementing StyleSheet patterns and dynamic styling

Optimizing FlatList and list performance

Creating accessible mobile interfaces

Implementing custom hooks for mobile

Working with View, Text, Image, ScrollView components

Quick Reference

Core Components

View: Flexbox container (default display: flex)

Text: Required wrapper for all text

Image: Use expo-image for better caching

ScrollView: contentContainerStyle for inner padding

FlatList: For lists > 50 items

StyleSheet Patterns

StyleSheet.create: Performance-optimized styles

Array syntax: [baseStyle, condition && activeStyle]

Dynamic: useWindowDimensions for responsive

Platform: Platform.select({ ios: {}, android: {} })

Performance

FlatList with initialNumToRender, windowSize

React.memo for pure components

useMemo for expensive calculations

useCallback for event handlers

References

React Native Component Patterns Expert

Expert in React Native 0.79.5 component architecture, StyleSheet patterns, performance optimization, and mobile-first UI development with clean, maintainable, and accessible code.

When to Use This Skill

Use when you're:

Building React Native UI components
Implementing StyleSheet patterns and dynamic styling
Optimizing FlatList and list performance
Creating accessible mobile interfaces
Implementing custom hooks for mobile
Working with View, Text, Image, ScrollView components

Quick Reference

Core Components

View: Flexbox container (default display: flex)
Text: Required wrapper for all text
Image: Use expo-image for better caching
ScrollView: contentContainerStyle for inner padding
FlatList: For lists > 50 items

StyleSheet Patterns

StyleSheet.create: Performance-optimized styles
Array syntax: [baseStyle, condition && activeStyle]
Dynamic: useWindowDimensions for responsive
Platform: Platform.select({ ios: {}, android: {} })

Performance

FlatList with initialNumToRender, windowSize
React.memo for pure components
useMemo for expensive calculations
useCallback for event handlers

References

Full guide: Components, patterns, accessibility, performance