1---
2name: react-native
3description: React Native framework for building native mobile apps with React. Use when building iOS/Android apps, working with native components, handling touch interactions, animations, or platform APIs.
4metadata:
5 author: Hairyf
6 version: "2026.1.31"
7 source: Generated from https://github.com/facebook/react-native-website, scripts located at https://github.com/antfu/skills
8---
9
10# React Native
11
12> The skill is based on React Native, generated at 2026-01-31.
13
14React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI from declarative components. With React Native, you don't build a "mobile web app", an "HTML5 app", or a "hybrid app". You build a real mobile app that's indistinguishable from an app built using Objective-C or Java.
15
16## Core References
17
18| Topic | Description | Reference |
19|-------|-------------|-----------|
20| Core Components | View, Text, Image, TextInput, ScrollView - fundamental UI building blocks | [core-components](references/core-components.md) |
21| Layout with Flexbox | Flexbox layout system for positioning and aligning components | [core-layout](references/core-layout.md) |
22| Styling | StyleSheet API for creating and organizing component styles | [core-styling](references/core-styling.md) |
23
24## Features
25
26### Animations
27
28| Topic | Description | Reference |
29|-------|-------------|-----------|
30| Animated API | Create fluid animations with Animated.Value, timing, spring, and gesture integration | [features-animations](references/features-animations.md) |
31| Easing Functions | Easing functions for custom animation curves and natural motion | [features-easing](references/features-easing.md) |
32
33### User Interactions
34
35| Topic | Description | Reference |
36|-------|-------------|-----------|
37| Touch Handling | Pressable, Touchable components, and gesture responders for handling user input | [features-touch-handling](references/features-touch-handling.md) |
38| Keyboard | Keyboard API for handling keyboard events, dismissing keyboard, and KeyboardAvoidingView | [features-keyboard](references/features-keyboard.md) |
39
40### UI Components
41
42| Topic | Description | Reference |
43|-------|-------------|-----------|
44| Additional Components | Modal, Switch, ActivityIndicator, RefreshControl for dialogs, toggles, loading states | [components-ui](references/components-ui.md) |
45
46### Data Display
47
48| Topic | Description | Reference |
49|-------|-------------|-----------|
50| Lists | FlatList and SectionList for efficiently rendering large, scrollable lists | [features-lists](references/features-lists.md) |
51
52### Styling and Theming
53
54| Topic | Description | Reference |
55|-------|-------------|-----------|
56| Colors and Theming | Colors, PlatformColor, Appearance API for theming and dark mode support | [features-colors-theming](references/features-colors-theming.md) |
57
58### Platform Integration
59
60| Topic | Description | Reference |
61|-------|-------------|-----------|
62| Platform APIs | Linking, Dimensions, Platform detection, AppState, and native integrations | [features-platform-apis](references/features-platform-apis.md) |
63| Network | Fetch API for making HTTP requests and handling network responses | [features-network](references/features-network.md) |
64| StatusBar | Control status bar appearance, style, and visibility | [features-statusbar](references/features-statusbar.md) |
65| Share & Vibration | Native share dialog and device vibration for haptic feedback | [features-share-vibration](references/features-share-vibration.md) |
66| Timers | setTimeout, setInterval, requestAnimationFrame for scheduling and delays | [features-timers](references/features-timers.md) |
67| Platform-Specific APIs | Android (PermissionsAndroid, ToastAndroid, DrawerLayoutAndroid) and iOS (ActionSheetIOS) | [features-platform-specific](references/features-platform-specific.md) |
68
69### Accessibility
70
71| Topic | Description | Reference |
72|-------|-------------|-----------|
73| Accessibility | Screen reader support, accessibility labels, roles, and states | [features-accessibility](references/features-accessibility.md) |
74
75### Advanced Styling
76
77| Topic | Description | Reference |
78|-------|-------------|-----------|
79| Transforms | 2D and 3D transforms for rotation, scale, translation, and skew | [features-transforms](references/features-transforms.md) |
80
81### Best Practices
82
83| Topic | Description | Reference |
84|-------|-------------|-----------|
85| Performance | Performance optimization techniques, profiling, and common bottlenecks | [best-practices-performance](references/best-practices-performance.md) |
86| Debugging | Debugging tools, Dev Menu, LogBox, React Native DevTools, and debugging techniques | [best-practices-debugging](references/best-practices-debugging.md) |
87
88## Key Recommendations
89
90- **Use StyleSheet.create()** for all styles instead of inline objects
91- **Use FlatList** instead of ScrollView for long lists
92- **Enable useNativeDriver** for animations when possible (transform, opacity)
93- **Use Pressable** for new touch interactions (preferred over Touchable components)
94- **Handle platform differences** with Platform.select() and Platform.OS
95- **Test on real devices** - simulator behavior may differ from actual devices
96- **Optimize list performance** with getItemLayout for fixed-height items
97- **Use TypeScript** for better type safety and developer experience
hairyf