react-native-components

Master React Native 0.79.5 components, styling, performance optimization, and mobile UI best practices with real-world examples

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "react-native-components" with this command: npx skills add shipshitdev/library/shipshitdev-library-react-native-components

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

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Open in GitHubOpen in ClawHub

Related Skills

Related by shared tags or category signals.

Coding

accessibility

No summary provided by upstream source.

Repository SourceNeeds Review
64-shipshitdev
General

UI/UX Design Guide

Expert guidance on mobile-first UI/UX design, color systems, typography, accessibility (WCAG 2.2), Tailwind + Shadcn/ui integration, micro-interactions, and...

Registry SourceRecently Updated
7.6K19Profile unavailable
Coding

Telegram Mini App Dev

Build Telegram Mini Apps without the pain. Includes solutions for safe areas, fullscreen mode, BackButton handlers, sharing with inline mode, position:fixed issues, and React gotchas. Use when building or debugging Telegram Mini Apps, or when encountering issues with WebApp API, safe areas, or sharing.

Registry SourceRecently Updated
1.9K1Profile unavailable
General

Shadcn/Ui Complete Documentation

Complete shadcn/ui documentation. Beautifully designed components built with Radix UI and Tailwind CSS. Copy-paste into your apps. Covers installation, components, theming, forms, charts, and framework integrations.

Registry SourceRecently Updated
1.2K1Profile unavailable