React Native Components

Name: React Native Components
Author: shipshitdev

shipshitdev/library

163 installs
31 repo stars
Updated August 2, 2026
shipshitdev/library

Implement reusable React Native UI components with platform-aware styling, accessibility, and navigation patterns for iOS and Android app screens.

About

react-native-components from shipshitdev/library accelerates mobile frontend build by generating polished React Native UI pieces. It delivers reusable screens, lists, forms, and feedback patterns with platform conventions so teams ship consistent iOS and Android experiences faster.

Builds cross-platform RN components
Applies consistent design tokens
Handles loading and empty states
Supports accessibility props
Fits existing navigation stacks

React Native Components by the numbers

163 all-time installs (skills.sh)
+3 installs in the week ending Jul 27, 2026 (Skillselion tracking)
Ranked #515 of 1,039 Mobile Development skills by installs in the Skillselion catalog
Data as of Aug 3, 2026 (Skillselion catalog sync)

npx skills add https://github.com/shipshitdev/library --skill react-native-components

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

[![Listed on Skillselion](https://skillselion.com/badge/skills/shipshitdev/library/react-native-components.svg)](https://skillselion.com/skills/shipshitdev/library/react-native-components)

Installs	163
repo stars	★ 31
Last updated	August 2, 2026
Repository	shipshitdev/library ↗

What it does

Implement reusable React Native UI components with platform-aware styling, accessibility, and navigation patterns for iOS and Android app screens.

Files

SKILL.mdMarkdownGitHub ↗

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

{
  "name": "react-native-components",
  "version": "1.0.0",
  "description": "Master React Native 0.79.5 components, styling, performance optimization, and mobile UI best practic",
  "author": {
    "name": "Ship Shit Dev",
    "email": "hello@shipshit.dev",
    "url": "https://shipshit.dev"
  },
  "license": "MIT",
  "skills": "."
}