# react-native | Meta | Knowledge Base | Instagit

A framework for building native applications using React

GitHub Stars: 125k

Repository: https://github.com/facebook/react-native

---

## Articles

### [How React Native Manages State and Props Across the Bridge: A Deep Dive into the Architecture](/facebook/react-native/react-native-state-props-bridge-management)

Discover how React Native manages state and props across the bridge. Learn about the architecture for efficient updates and optimized performance in your apps.

- Tags: deep-dive
- Published: 2026-02-25

### [React Native package.json Dependencies: Runtime, Peer, and Build Tooling Explained](/facebook/react-native/react-native-package-json-key-dependencies)

Explore React Native's package.json dependencies, including runtime, peer, and build tools, to understand the framework's core architecture and essential components like Metro and Hermes.

- Tags: internals
- Published: 2026-02-25

### [How Core React Native Components Are Implemented Natively: The View Manager Bridge](/facebook/react-native/react-native-native-core-component-implementation)

Discover how React Native bridges JavaScript components to native UI objects using the view manager system. Learn about runtime instantiation and configuration of native views.

- Tags: internals
- Published: 2026-02-25

### [How React Native Integrates with Native Platform SDKs: iOS and Android Architecture Explained](/facebook/react-native/react-native-native-sdk-relationship)

Understand how React Native interfaces with iOS UIKit and Android View systems via a bridge serializing calls to native modules for real UI components. Explore the architecture.

- Tags: architecture
- Published: 2026-02-25

### [How React Native Handles Layout and Rendering Primitives: Shadow Nodes, Yoga, and Fabric Explained](/facebook/react-native/react-native-layout-rendering-primitives)

Discover how React Native manages layout and rendering. Learn about Shadow Nodes, Yoga, and Fabric for efficient, native view creation and optimization.

- Tags: deep-dive
- Published: 2026-02-25

### [Main Modules Exported by React Native's index.js: Complete API Reference](/facebook/react-native/react-native-index-js-exported-modules)

Explore React Native's index.js exports, including UI components and native APIs. Discover the complete API reference and optimize your app's bundle size.

- Tags: api-reference
- Published: 2026-02-25

### [How React Native Implements Its JavaScript to Native Bridge](/facebook/react-native/react-native-javascript-native-bridge-implementation)

Discover how React Native implements its JavaScript to Native bridge. Explore the three-layer architecture, JS executor, and C++ registry for efficient bidirectional calls.

- Tags: internals
- Published: 2026-02-25

### [Key Files to Understand React Native Architecture: A Developer's Guide to the Core Source](/facebook/react-native/react-native-key-files-for-architecture)

Explore key React Native architecture files like index.js, ReactNative.java, and FabricUIManager.js to understand the core source code and improve your development.

- Tags: internals
- Published: 2026-02-25

### [How React Native Shares Native Code Between Platforms: The C++ Core Architecture](/facebook/react-native/react-native-shared-native-code-platforms)

Discover how React Native shares native code using its C++ core architecture. Learn about JSI, Fabric, TurboModules, and Yoga for efficient cross-platform development.

- Tags: internals
- Published: 2026-02-25

### [Main Directories Within the packages/react-native Directory: Complete Guide](/facebook/react-native/react-native-packages-react-native-main-directories)

Explore the main directories within the packages/react-native folder, including src React ReactAndroid ReactCommon and sdks. Understand the structure of the React Native codebase.

- Tags: deep-dive
- Published: 2026-02-25

### [How Native Code Is Organized in React Native for Android and iOS](/facebook/react-native/react-native-native-code-organization-platforms)

Explore how React Native organizes native code into ReactAndroid ReactApple and ReactCommon directories for efficient cross-platform development.

- Tags: internals
- Published: 2026-02-25

### [Essential React Native Configuration Files for Understanding the Architecture](/facebook/react-native/react-native-architecture-configuration-files)

Uncover essential React Native configuration files like react-native.config.js metro.config.js and ReactNativeFeatureFlags.config.js to master its architecture.

- Tags: internals
- Published: 2026-02-25

### [How the React Native Build System Is Configured: Gradle, CMake, and Android Build Setup](/facebook/react-native/react-native-build-system-configuration)

Discover how the React Native build system configures Gradle, CMake, and Android setup using Kotlin DSL scripts. Understand C++ dependencies and Hermes integration for efficient mobile app development.

- Tags: internals
- Published: 2026-02-25

### [Key Architectural Patterns Used in React Native: From Legacy Bridge to New Architecture](/facebook/react-native/react-native-key-architectural-patterns)

Explore React Native architectural patterns like JSI, TurboModules, Fabric, and Bridgeless mode. Understand the evolution from legacy bridge to the new architecture for faster apps.

- Tags: architecture
- Published: 2026-02-25

### [How React Native Manages DOM Nodes Without a Browser Engine](/facebook/react-native/react-native-dom-node-management)

Discover how React Native manages its UI without a browser DOM. Learn about its lightweight DOM-API shim and C++ ShadowNodes for native view hierarchies.

- Tags: internals
- Published: 2026-02-25

### [React Native Performance Optimizations in the `src` Directory: A Complete Technical Guide](/facebook/react-native/react-native-src-performance-optimizations)

Discover React Native performance optimizations within the src directory, including batched timers and sparse arrays. Achieve 60fps UI performance by minimizing bridge overhead

- Tags: deep-dive
- Published: 2026-02-25

### [What Is the ReactCommon Directory in React Native? A Deep Dive into the Cross-Platform C++ Core](/facebook/react-native/react-native-reactcommon-directory-purpose)

Explore the ReactCommon directory, the C++ core of React Native. Discover its role in the JavaScript runtime, TurboModules, Yoga, & renderer for unified cross-platform development.

- Tags: deep-dive
- Published: 2026-02-25

### [Where Is the Android Native Code Located in the React Native Repository?](/facebook/react-native/react-native-android-native-code-location)

Discover the exact location of Android native code in the React Native repository. Find the Java Kotlin framework, C++/JNI native layer, and Gradle build files in the ReactAndroid directory.

- Tags: internals
- Published: 2026-02-25

### [Where is the iOS Native Code Located in the React Native Repository?](/facebook/react-native/react-native-ios-native-code-location)

Discover where the iOS native code resides within the React Native repository, primarily under packages/react-native/React/ for efficient development.

- Tags: internals
- Published: 2026-02-25

### [React Native Package Structure Explained: A Deep Dive into the Monorepo Architecture](/facebook/react-native/react-native-package-structure)

Explore the React Native package structure and monorepo architecture. Understand how core runtime and utilities are organized in the facebook/react-native repository.

- Tags: deep-dive
- Published: 2026-02-25

### [What Is the Main Entry Point for the React Native Package?](/facebook/react-native/react-native-package-entry-point)

Discover the main entry point for the React Native package. Learn how ./index.js optimizes startup performance by lazily re-exporting components and APIs.

- Tags: internals
- Published: 2026-02-25