React Native Bundle Visualizer

screenshot of React Native Bundle Visualizer
react-native

See what packages are increasing your react-native bundle size

Overview:

The react-native-bundle-visualizer is a package that utilizes the source-map-explorer tool to provide a visual representation of the Metro bundler output for React Native projects. It aims to help developers identify and manage the size of their bundle by highlighting which libraries contribute the most to its size.

Features:

  • Visualization: Utilizes source-map-explorer to generate visual representations of the bundle.
  • Identify Libraries: Helps identify specific libraries inflating the bundle size.
  • Customization: Command-line arguments for platform, build type, entry file, and output format.
  • Optional Settings: Dev/production build, excluding "unmapped" bytes, verbosity level, and cache reset.

Summary:

The react-native-bundle-visualizer package offers a valuable tool for React Native developers to visualize and analyze their project's bundle size. By providing insights into the size contributions of individual libraries, it enables developers to optimize bundle sizes for faster loading times and improved performance. The package's customizable options and ease of use make it a practical addition to the development workflow of React Native projects.

react-native
React Native

React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.

Expo

An open-source platform for making universal native apps with React. Expo runs on Android, iOS, and the web.