npmpackage.info

Gathering detailed insights and metrics for @rnx-kit/babel-preset-metro-react-native

Other packages similar to @rnx-kit/babel-preset-metro-react-native

@rnx-kit-metro/metro-react-native-babel-preset

0.66.1

Babel preset for React Native applications

Gathering detailed insights and metrics for @rnx-kit/babel-preset-metro-react-native

@rnx-kit/babel-preset-metro-react-native - 2.0.0 | npmpackage.info

@rnx-kit/babel-preset-metro-react-native

Modern, scalable tools. Exceptional developer experience.

2.0.0

1,617

MIT

TypeScript

192.93 kB

2,736,788 7.8

Installations

npm install @rnx-kit/babel-preset-metro-react-native

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Min. Node Version

>=16.17

Node Version

20.17.0

NPM Version

10.8.2 Pull Requests

Open

5

Total

3,211

Closed

163

Merged

3,043

Issues

Open

59

Total

326

Closed

267

Releases

629

@rnx-kit/react-native-host@0.5.8

Updated on May 06, 2025

@rnx-kit/react-native-host@0.5.7

Updated on May 05, 2025

@rnx-kit/react-native-host@0.5.6

Updated on Apr 29, 2025

@rnx-kit/yarn-plugin-external-workspaces@0.1.1

Updated on Apr 29, 2025

@rnx-kit/yarn-plugin-install-to@0.2.0

Updated on Apr 29, 2025

@rnx-kit/tools-packages@0.1.1

Updated on Apr 08, 2025

View All 629 releases

Languages

TypeScript

JavaScript

Kotlin

MDX

Objective-C

Swift

Objective-C++

Rust

CSS

Ruby

C++

Shell

TypeScript (71.23%)

JavaScript (16.75%)

Kotlin (2.31%)

MDX (2.24%)

Objective-C (1.73%)

Swift (1.42%)

Objective-C++ (1.33%)

Rust (1.24%)

CSS (0.49%)

Ruby (0.46%)

C++ (0.42%)

Shell (0.25%)

C (0.12%)

Developer

microsoft

Download Statistics

Total Downloads

2,736,788

Last Day

2,152

Last Week

10,029

Last Month

41,800

Last Year

631,222

GitHub Statistics

MIT License

1,617 Stars

3,275 Commits

100 Forks

18 Watchers

13 Branches

10,000 Contributors

Updated on May 08, 2025

Bundle Size

809.57 kB

Minified

192.93 kB

Minified + Gzipped

Bundlephobia

Maintainers

View All 10,000 Contributors

Package Meta Information

Latest Version

2.0.0

Package Id

@rnx-kit/babel-preset-metro-react-native@2.0.0

Unpacked Size

11.95 kB

Size

3.84 kB

File Count

NPM Version

10.8.2

Node Version

20.17.0

Published on

Sep 11, 2024

Total Downloads

Cumulative downloads

Total Downloads

2,736,788

Last Day

88.6%

2,152

Compared to previous day

Last Week

2.3%

10,029

Compared to previous week

Last Month

-1.8%

41,800

Compared to previous month

Last Year

-51.1%

631,222

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

@rnx-kit/babel-preset-metro-react-native

@rnx-kit/babel-preset-metro-react-native provides a Babel preset for React Native applications that you can use as a drop-in replacement for metro-react-native-babel-preset).

Usage

Add @rnx-kit/babel-preset-metro-react-native to your babel.config.js:

1module.exports = {
2  presets: ["@rnx-kit/babel-preset-metro-react-native"],
3};

If you want to add additional plugins, you can pass an options object:

1module.exports = {
2  presets: [
3    [
4      "@rnx-kit/babel-preset-metro-react-native",
5      {
6        additionalPlugins: ["const-enum"],
7      },
8    ],
9  ],
10};

Notes on Bundle Size

If you're looking to reduce the bundle size, here are a couple of things you can try.

Enable compiler assumptions

Since 7.13.0, Babel can make certain assumptions about your code to reduce the amount of generated code. You can read more about it in Compiler assumptions.

Enable loose mode when transforming classes

If you make heavy use of classes, but can't use compiler assumptions, you can enable looseClassTransform to remove helper functions:

1module.exports = {
2  presets: [
3    [
4      "@rnx-kit/babel-preset-metro-react-native",
5      {
6        looseClassTransform: true,
7      },
8    ],
9  ],
10};

This is equivalent to passing { loose: true } to @babel/plugin-transform-classes.

Enable experimental import/export support

In your metro.config.js, enable experimentalImportSupport:

1module.exports = {
2  transformer: {
3    getTransformOptions: async () => ({
4      transform: {
5        experimentalImportSupport: true,
6        inlineRequires: true,
7      },
8    }),
9  },
10};

And disable import/export transformation in your babel.config.js:

1module.exports = {
2  presets: [
3    [
4      "@rnx-kit/babel-preset-metro-react-native",
5      { disableImportExportTransform: true },
6    ],
7  ],
8};

Doing this will help the minifier strip out some unused code, but make sure that your app still works after enabling it.

`babel-plugin-lodash`

If you're using Lodash, you can get some reduction with babel-plugin-lodash. Add it to your babel.config.js like below:

1module.exports = {
2  presets: ["@rnx-kit/babel-preset-metro-react-native"],
3  plugins: ["lodash"],
4};

No vulnerabilities found.

10

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

10

Security-Policy

Determines if the project has published a security policy.

10

Maintained

Determines if the project is "actively maintained".

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

License

Determines if the project has defined a license.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

9

SAST

Determines if the project uses static code analysis.

8

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

8

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

8

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 0

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/build.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/build.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/build.yml:33: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/build.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/build.yml:41: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/build.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/build.yml:58: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/build.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/build.yml:60: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/build.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/build.yml:72: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/build.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/pr.yml:223: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/pr.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/pr.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/pr.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/pr.yml:94: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/pr.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/pr.yml:125: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/pr.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/pr.yml:157: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/pr.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/pr.yml:183: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/pr.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/pr.yml:202: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/pr.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/rnx-build.yml:69: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/rnx-build.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/rnx-build.yml:71: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/rnx-build.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/rnx-build.yml:111: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/rnx-build.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/rnx-build.yml:124: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/rnx-build.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/rnx-build.yml:126: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/rnx-build.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/rnx-build.yml:146: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/rnx-build.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/rnx-build.yml:159: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/rnx-build.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/rnx-build.yml:161: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/rnx-build.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/rnx-build.yml:189: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/rnx-build.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/rnx-build.yml:203: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/rnx-build.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/rnx-build.yml:38: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/rnx-build.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/rnx-build.yml:40: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/rnx-build.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/rnx-build.yml:51: update your workflow using https://app.stepsecurity.io/secureworkflow/microsoft/rnx-kit/rnx-build.yml/main?enable=pin
Info: 0 out of 19 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 7 third-party GitHubAction dependencies pinned

0

Fuzzing

Determines if the project uses fuzzing.

Score

7.8

/10

Last Scanned on 2025-04-28

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to @rnx-kit/babel-preset-metro-react-native

Other packages similar to @rnx-kit/babel-preset-metro-react-native

@rnx-kit/babel-preset-metro-react-native

Installations

Developer Guide

No

CommonJS

>=16.17

20.17.0

10.8.2

Pull Requests

5

3,211

163

3,043

Issues

59

326

267

Releases

Languages

Developer

Download Statistics

GitHub Statistics

Bundle Size

809.57 kB

192.93 kB

Maintainers

Package Meta Information

Total Downloads

2,736,788

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

@rnx-kit/babel-preset-metro-react-native

Usage

Notes on Bundle Size

Enable compiler assumptions

Enable loose mode when transforming classes

Enable experimental import/export support

babel-plugin-lodash

10

10

10

10

10

10

9

8

8

8

0

0

0

7.8

/10

`babel-plugin-lodash`