メニュー
React Native core components, layout, styling, animations, lists, platform APIs, and best practices. Use when building iOS/Android UIs with native components.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
| name | react-native-core |
| description | React Native core components, layout, styling, animations, lists, platform APIs, and best practices. Use when building iOS/Android UIs with native components. |
| metadata | {"author":"maikotrindade","version":"2026.5.0"} |
Based on React Native docs as of 2026.
See also:
- Ecosystem libraries (navigation, state, TanStack Query, Reanimated) →
react-native-ecosystem- Expo SDK and EAS tooling →
react-native-expo- Deep performance work (FPS, bundle, TTI, memory, native) →
react-native-performance- React Native Testing Library deep dive →
react-native-testing
React 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 build a real mobile app that's indistinguishable from an app built using Objective-C or Java.
| Topic | Description | Reference |
|---|---|---|
| Core Components | View, Text, Image, TextInput, ScrollView — fundamental UI building blocks | core-components |
| Layout with Flexbox | Flexbox layout system for positioning and aligning components | core-layout |
| Styling | StyleSheet API for creating and organizing component styles | core-styling |
| Topic | Description | Reference |
|---|---|---|
| Animated API | Built-in Animated API — timing, spring, composition (use Reanimated v3 for complex cases) | features-animations |
| Easing Functions | Easing functions for custom animation curves and natural motion | features-easing |
| Topic | Description | Reference |
|---|---|---|
| Touch Handling | Pressable, Touchable components, and gesture responders for handling user input | features-touch-handling |
| Keyboard | Keyboard API for handling keyboard events, dismissing keyboard, and KeyboardAvoidingView | features-keyboard |
| Topic | Description | Reference |
|---|---|---|
| Additional Components | Modal, Switch, ActivityIndicator, RefreshControl for dialogs, toggles, loading states | components-ui |
| Topic | Description | Reference |
|---|---|---|
| Lists | FlatList and SectionList for efficiently rendering large, scrollable lists | features-lists |
| Topic | Description | Reference |
|---|---|---|
| Colors and Theming | Colors, PlatformColor, Appearance API for theming and dark mode support | features-colors-theming |
| Topic | Description | Reference |
|---|---|---|
| Platform APIs | Linking, Dimensions, Platform detection, AppState, and native integrations | features-platform-apis |
| Network | Fetch API for HTTP requests (production apps: Axios + TanStack Query) | features-network |
| StatusBar | Control status bar appearance, style, and visibility | features-statusbar |
| Share & Vibration | Native share dialog and device vibration for haptic feedback | features-share-vibration |
| Timers | setTimeout, setInterval, requestAnimationFrame for scheduling and delays | features-timers |
| Platform-Specific APIs | Android (ToastAndroid, DrawerLayoutAndroid) and iOS (ActionSheetIOS) native patterns | features-platform-specific |
| Topic | Description | Reference |
|---|---|---|
| Accessibility | Screen reader support, accessibility labels, roles, and states | features-accessibility |
| Topic | Description | Reference |
|---|---|---|
| Transforms | 2D and 3D transforms for rotation, scale, translation, and skew | features-transforms |
| Topic | Description | Reference |
|---|---|---|
| New Architecture | Fabric, JSI, TurboModules — default since RN 0.76, what it means for your code | features-new-architecture |
| Topic | Description | Reference |
|---|---|---|
| Debugging | React Native DevTools, LogBox, Dev Menu, and debugging techniques | best-practices-debugging |
StyleSheet.create() for all styles instead of inline objectsAnimated API suffices for simple cases; use Reanimated v3 for complex or gesture-driven animationsreact-native-permissions for cross-platform permission handling instead of the low-level PermissionsAndroidPlatform.select() and Platform.OSGitHub Actions workflow patterns for React Native iOS simulator and Android emulator cloud builds with downloadable artifacts. Use when setting up CI build pipelines or downloading GitHub Actions artifacts via gh CLI and GitHub API.
GitHub patterns using gh CLI for pull requests, stacked PRs, code review, branching strategies, and repository automation. Use when working with GitHub PRs, merging strategies, or repository management tasks.
Provides an incremental adoption strategy to migrate native iOS or Android apps to React Native or Expo using @callstack/react-native-brownfield for initial setup. Use when planning migration steps, packaging XCFramework/AAR artifacts, and integrating them into host apps.
React Native ecosystem — navigation, state, data fetching, Reanimated, storage, TypeScript patterns, accessibility, and deep linking. Use when building production React Native apps with React Navigation, Zustand, TanStack Query, or Reanimated v3.
Expo toolchain for React Native — Expo Router, EAS Build/Update/Deploy, native modules, SDK upgrading, and Expo UI/data patterns.
Deep React Native performance — FPS profiling, bundle size, TTI measurement, native threading, memory leaks, and profiling tools.