@react-native/gradle-plugin

What is @react-native/gradle-plugin?

The @react-native/gradle-plugin npm package is designed to enhance and simplify the integration of React Native projects with the Android build system, Gradle. It provides a set of Gradle scripts and configurations that automate the process of building and bundling React Native code and assets into Android applications. This plugin streamlines the development workflow, making it easier to include React Native components in Android apps, manage dependencies, and customize the build process.

What are @react-native/gradle-plugin's main functionalities?

Automatic linking of project dependencies

Automatically links all project dependencies declared in your `package.json` file with your Android project, eliminating the need for manual linking. This feature simplifies the process of adding and updating React Native modules that include native Android code.

apply plugin: '@react-native/gradle-plugin'

Customizable build configurations

Allows for customization of build configurations, such as specifying the entry file for the React Native bundle or enabling bundling for release builds. This feature provides flexibility in how React Native components are built and integrated into your Android app.

project.ext.react = [
    entryFile: 'index.js',
    bundleInRelease: true
]

Asset bundling and packaging

Automates the process of bundling JavaScript code and assets (such as images and fonts) into your Android application. This ensures that all necessary React Native components and resources are included in the app package, ready for distribution.

bundleReleaseJsAndAssets {
    dependsOn 'mergeReleaseResources'
    dependsOn 'bundleReleaseJsAndAssets'
}

Other packages similar to @react-native/gradle-plugin

react-native-code-push

React Native CodePush is a cloud service that enables React Native developers to deploy mobile app updates directly to their users' devices. It offers functionality similar to @react-native/gradle-plugin in terms of automating the update process, but focuses on dynamic updates post-deployment rather than during the build process. CodePush allows for immediate updates without needing to go through app store approval processes.

metro-react-native-babel-preset

This package is a collection of Babel presets and plugins used by Metro (the JavaScript bundler for React Native) to transform JavaScript code. While it doesn't directly interact with the Android build system like @react-native/gradle-plugin, it plays a crucial role in preparing React Native JavaScript code for bundling and execution. It's more focused on the JavaScript side, optimizing and transforming JS code for better performance and compatibility.

README

@react-native/gradle-plugin

A Gradle Plugin used to support development of React Native applications for Android.

Installation

yarn add @react-native/gradle-plugin

Note: We're using yarn to install deps. Feel free to change commands to use npm 3+ and npx if you like

Changelog

v0.72.2

Changed

• Remove deprecated stub types @types/metro-config from template (63f78ea8de by @kelset)
• Bump CLI to 11.3.5 and Metro do 0.76.7 (ba5fa9c394 by @kelset)
• Bump @react-native/metro-config to 0.72.9 (21daa6e790, f37386176 by @kelset)

Android specific

• Remove okhttp3 internal util usage (3e3032636d by @adrianha)

iOS specific

• Update logic to add and remove views in the view registry for the interop layer. (8d2eec367d by @cipolleschi)
• Disable NSTextStorage caching in OSS (5bda54c1f1 by @sammy-SC)

Fixed

• global.performance in undefined when starting metro from Expo CLI (0ccbd65581 by @Kudo)
• Re-enabled debugging for debug builds (41477c898c by Matt Blagden)
• Add global hook to assert that base Metro config is called (29f2602ff9 by @huntie)

Android specific

• Do not create RuntimeExecutor on non-JSI executors (#38125) (d73b61c7c7 by @lunaleaps)
• Prevent crash on OnePlus/Oppo devices in runAnimationStep (a46a7cd1 by @hsource)

iOS specific

• Fix build error when there are multiple EXTRA_COMPILER_ARGS (28f4ebab8a by @fergusean)
• Build failure with pnpm and use_frameworks! due to incorrect header paths (58adc5e4b9 by evelant)
• Fix onChangeText not firing when clearing the value of TextInput with multiline=true on iOS (0c9c57a9f7 by @kkoudev)
• Fix pod install for libraries using Swift code when the new architecture is enabled (a4a0655496 by @louiszawadzki)