{"library":"react-native","title":"React Native","description":"React Native is an open-source UI software framework for developing cross-platform native mobile applications for iOS and Android using JavaScript and React. It enables developers to write code once and deploy it to multiple platforms, leveraging native UI components for optimal performance and user experience. The current stable version is 0.85.1, with new minor versions typically released every two months and frequent patch releases, indicating an active and rapidly evolving development cycle. Key differentiators include its declarative component-based UI paradigm inherited from React, direct access to native device features through JavaScript Interface (JSI), and a vast ecosystem of third-party libraries. Unlike hybrid webview solutions, React Native renders actual native UI elements, which contributes to a more authentic native look and feel, and starting from 0.82, it exclusively uses the New Architecture, removing the legacy bridge for improved performance and concurrency.","language":"javascript","status":"active","last_verified":"Sun Apr 19","install":{"commands":["npm install react-native"],"cli":{"name":"react-native","version":null}},"imports":["import { View, Text, StyleSheet } from 'react-native';","import { Platform, Dimensions } from 'react-native';","import { SafeAreaView } from 'react-native';"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import React from 'react';\nimport { SafeAreaView, StyleSheet, Text, View, Platform, StatusBar } from 'react-native';\n\nconst App = () => {\n  const os = Platform.OS === 'ios' ? 'iOS' : 'Android';\n\n  return (\n    <SafeAreaView style={styles.container}>\n      <StatusBar barStyle=\"dark-content\" />\n      <View style={styles.content}>\n        <Text style={styles.title}>Welcome to React Native!</Text>\n        <Text style={styles.subtitle}>Running on {os} with v0.85.1</Text>\n        <Text style={styles.description}>\n          This is a basic React Native application. It demonstrates using core components\n          like View, Text, and StyleSheet for UI layout and styling.\n          The SafeAreaView ensures content is not obscured by device notches or status bars.\n        </Text>\n      </View>\n    </SafeAreaView>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    backgroundColor: '#F8F8F8',\n    paddingTop: Platform.OS === 'android' ? StatusBar.currentHeight : 0,\n  },\n  content: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    padding: 20,\n  },\n  title: {\n    fontSize: 28,\n    fontWeight: 'bold',\n    marginBottom: 10,\n    color: '#333',\n    textAlign: 'center',\n  },\n  subtitle: {\n    fontSize: 18,\n    color: '#666',\n    marginBottom: 20,\n    textAlign: 'center',\n  },\n  description: {\n    fontSize: 16,\n    color: '#555',\n    lineHeight: 24,\n    textAlign: 'center',\n  },\n});\n\nexport default App;\n","lang":"typescript","description":"Basic React Native component demonstrating UI elements, styling, and platform-specific adjustments for a 'Hello World' style application.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}