DOCSEARCHbyAlgolia
Submit Docs

React Native

repository·main·Indexed 13 days ago

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

A framework for building native mobile applications for iOS and Android using the React declarative UI paradigm. It allows developers to write JavaScript that controls native UI components, balancing productivity with native performance. The framework includes subsystems such as Fabric for UI, TurboModules for native communication, and the Metro bundler.

Tokens
167.7K
Snippets
446
Records
932
Agent score
99%

What's inside React Native

  1. Overview of @react-native/debugger-shell

    main
    The @react-native/debugger-shell is an experimental Electron-based shell designed for React Native DevTools. It provides a portable, customized environment for the DevTools frontend, which is based on Chrome DevTools. By using Electron, the shell avoids the limitations of running DevTools in a standard web browser (like Chrome or Edge), such as browser-specific installation requirements and difficulties in managing debugger windows during the development workflow.

  2. Overview of @react-native/virtualized-lists

    main

    @react-native/virtualized-lists provides the core virtualization primitives (VirtualizedList and VirtualizedSectionList) that power the standard React Native FlatList and SectionList components.

    Warning: This package is an internal dependency of React Native. You should not depend on it directly in your projects. Instead, use the high-level FlatList and SectionList components provided by the main react-native package.

  3. Overview of ReactApple

    main

    ReactApple is the specialized directory within the React Native repository containing the code required to ship React Native applications to Apple devices (iOS/macOS). The codebase is primarily written in Objective-C and includes the necessary integration with Apple frameworks.

    Developers building new libraries that are specifically intended for Apple platforms or that rely heavily on Apple-specific frameworks should locate their implementation within this directory.

  4. Overview of @react-native/core-cli-utils

    main

    The @react-native/core-cli-utils package is a reference implementation of React Native CLI tooling. It provides a set of composable, ordered Task objects designed to automate common CLI operations.

    Note for Framework Authors: This package is not published to npm. It is intended to be used as a reference or starting point for building custom CLI tooling. It should not be treated as a stable, versioned API dependency.

  6. Overview of React Native Fantom

    main

    Fantom is an experimental integration testing and benchmarking tool for React Native. It is designed to run JavaScript code in a fast, headless environment that closely mimics a real React Native application by utilizing its cross-platform architecture (including Hermes, Fabric, C++ TurboModules, and Bridgeless mode).

    Unlike traditional E2E testing solutions, Fantom does not require real devices or simulators, making it faster and more stable for CI environments. It allows for testing the integration between JavaScript and native code without relying on mocks. It is specifically geared towards engineers working on React Native core, React, or platform-agnostic parts of the ecosystem.

  7. Overview of @react-native/gradle-plugin

    main
    The @react-native/gradle-plugin is a Gradle plugin designed to build and configure React Native applications for the Android platform. It handles the necessary build logic and configuration required to integrate React Native into an Android project. For most developers, this plugin is applied automatically when using the standard React Native application template.

  8. Overview of React Native

    main

    React Native is a declarative, component-based framework that brings React to iOS and Android. It allows you to build mobile applications using native UI controls, providing full access to native platform APIs while maintaining high developer velocity through features like live reloading for JavaScript changes.

    Key benefits include:

    • Declarative UI: Makes code more predictable and easier to debug.
    • Component-Based Architecture: Encourages building encapsulated, stateful components that can be composed into complex UIs.
    • Developer Velocity: Local changes to JavaScript can be seen in seconds without a full native rebuild.
    • Portability: Code can be reused across iOS, Android, and other supported platforms.

  9. Use @react-native/normalize-colors to convert CSS colors

    main
    Use @react-native/normalize-colors to convert CSS color values (such as hex, RGB, or named colors) into the numeric form consumed by the React Native native layer. This ensures that color strings provided in a web-like format are correctly interpreted by native components.

  10. Understand the purpose of @react-native/eslint-plugin-monorepo

    main

    The @react-native/eslint-plugin-monorepo package is a private package used exclusively for enforcing ESLint rules within the react-native repository itself. It is not intended for use in external React Native applications or consumer projects.

    If you are looking for ESLint rules to use in your own React Native project, you should use @react-native-community/eslint-plugin instead.