Metro Alternatives
Similar projects and alternatives to metro
-
react-native-monorepo-tools
Tools and utils to support a React Native monorepo built with Yarn Workspaces
-
-
Scout APM
Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
-
expo-cli
Tools for creating, running, and deploying universal Expo and React Native apps
-
webpack
A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
-
craco
Create React App Configuration Override, an easy and comprehensible configuration layer for create-react-app
-
-
-
SonarQube
Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.
-
-
react-app-rewired
Override create-react-app webpack configs without ejecting
-
-
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
next.js
The React Framework [Moved to: https://github.com/vercel/next.js] (by zeit)
-
sharp
High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP, AVIF and TIFF images. Uses the libvips library.
-
react-native-windows
A framework for building native Windows apps with React.
-
-
react-native-universal-monorepo
React Native boilerplate supporting multiple platforms: Android, iOS, macOS, Windows, web, browser extensions, Electron.
-
ordinary-puzzles-app
Mobile and web puzzle game built with React-Native
-
gatsby-plugin-react-native-web
react-native-web plugin for Gatsby
Reviews and mentions
-
React Native Monorepo
React Native doesn't play nicely with most monorepo tools out of the box as Metro doesn't support symlinking.
-
Running React Native everywhere: The Web
Because React Native for Web is a React website, you can use front-end tools to build and run it. For example, you can build it with Webpack or Rollup instead of Metro bundler.
-
Running React Native everywhere: Android & iOS
Before we can run the app, we still need do one more thing: make metro bundler compatible with Yarn workspaces' hoisting.
Metro bundler is the JavaScript bundler currently used by React Native. One of metro's most famous limitations (and issue number #1 in its GitHub repository) is its inability to follow symlinks. Therefore, since all hoisted libraries (basically all libraries not specified in the nohoist list) are installed in mobile/node_modules as symlinks from /node_modules, metro won't be able to detect them. Additionally, because of this issue, metro won't even be able to resolve other workspaces (e.g., @my-app/app) since they're outside of the mobile directory.
-
Running React Native everywhere: Yarn Workspaces monorepo
Second, sharing code with other projects (e.g., backend code, web apps) may get complicated. Out-of-the-box, React Native's metro bundler cannot reference code outside of the project's root directory. You can configure it to do so (and we'll do it as well later on). Still, once you do it, you'll also need to ensure dependencies resolution works correctly (to avoid loading two different versions of the same library, for example); which might not be as easy as it may sound.
While it might appear that we can access all modules from the project’s root node_modules, the reality is that build processes sometimes aren't able to traverse symlinks. This problem is especially prominent in React Native apps, where both the metro bundler and the native code can't follow symlinks.
-
Running React Native everywhere
This is not a "how to create a React Native app" guide. We'll spend most of the time getting our hands dirty by tweaking React Native's metro bundler, customizing Webpack configurations, and learning how monorepos and Yarn workspaces work.
-
Trying to use fetch results in "Require cycle..."
Doing some googling I arrive at this issue: https://github.com/facebook/react-native/issues/23130 which is closed and locked and points to this issue https://github.com/facebook/metro/issues/287 which is not specific to fetch so it's a dead-end.
-
Rethinking JavaScript Infrastructure
Immediately after checking out a gigantic monorepo, the time it took to install dependencies, start Metro and build JavaScript bundles was reduced from seven minutes to seven seconds.
-
List of JS Bundlers 🚀
Metro
Stats
facebook/metro is an open source project licensed under MIT License which is an OSI approved license.
Popular Comparisons
Are you hiring? Post a new remote job listing for free.