metrobundler.dev

What It Is

Metro is a JavaScript bundler for React Native. Its official positioning is “the JavaScript bundler for React Native.” It emphasizes sub-second reloads, fast startup, and fast bundling, and claims it can handle thousands of modules within a single application. For React Native projects, Metro is more of a default piece of infrastructure than a visual development platform.

Core Capabilities and Ecosystem

Based on the documentation, Metro supports both command-line usage and programmatic invocation. Developers can use runServer to start a development server and watch file changes, or use runBuild during the build stage to generate bundles, source maps, and assets. runMetro returns a metro-server instance that can be attached to a custom HTTP(S) server, while createConnectMiddleware allows integration with Connect/Express. This is practical for teams that already run Node.js services or need a customized Dev Server.

Its configuration system is fairly comprehensive, covering modules such as resolver, transformer, serializer, server, and watcher. By default, it supports js, jsx, json, ts, and tsx, with platform parameters including web, android, and ios. It also supports cache stores, parallel workers, Watchman, monorepo/workspace watchFolders, extraNodeModules, custom resolvers, and custom transformers, making it suitable for complex React Native projects.

Pricing and Openness

The source text does not mention commercial pricing or paid plans. Installation is done by adding metro and metro-core via npm/yarn. The page includes GitHub and Contributing links, but the captured text does not clearly state a license, so its open-source license cannot be asserted based on the text alone.

Pros and Cons

Its strengths are deep integration with React Native, programmable APIs, embeddability in Express/Connect, and fine-grained configuration, making it well suited to large mobile projects and monorepos. The documentation is also engineering-oriented, with examples for installation, running, APIs, and configuration.

The downside is that the tool has a specialized focus, mainly serving React Native. It has many configuration options, and beginners may need time to understand concepts such as resolver, watchFolders, cache, and workers. Some HTTPS-related configuration options are marked as deprecated, so teams should pay attention to migration when upgrading.

Who It’s For and Access from China

Metro is suitable for React Native developers, mobile frontend teams, and Node.js engineering teams that need customized bundling services. For ordinary web frontend projects, Vite, Webpack, Rollup, esbuild, or Parcel may be more straightforward choices. The source text does not provide information about access from China; network connectivity, npm download speed, and GitHub access may depend on the actual environment. Payment information is not relevant here.