{"repo":"retyui/react-native-bundle-discovery","free":true,"listed":false,"github":"https://github.com/retyui/react-native-bundle-discovery","clone":"git clone https://github.com/retyui/react-native-bundle-discovery.git","description":"Simple tooling to explore bundle size 📦, spot heavy packages, and inspect module/code structure in React Native apps.","language":"JavaScript","stars":152,"topics":["metro","react-native"],"license":null,"category":"mobile-apps","readme_excerpt":"react-native-bundle-discovery A simple package that helps developers visualize and analyze the bundle size of React Native apps. With this tool, you can easily explore your app's codebase, identify large or heavy packages, and inspect the structure of modules and code within your project. What you should consider when analyzing your bundle 1. if you use React 19 then it's time to remove a prop-types package from your bundle. 2. Search for development debug dev storybook modules in your production JS bundle (it's a dead code that should not be there). 3. Also check polyfills duplicates (search example: url fetch crypto buffer base-?64 ). 4. Verify that you don't have any similar packages in your bundle (search example: object just- debounce ramda lodash underscore ). I often see that devs use both lodash/debounce , lodash.debounce and debounce in their projects. Or mix ramda , underscore and lodash . 5. Try to find package.json$ files in your bundle. They are often used to get only the package version/name but all other fields are not needed in the bundle. 6. Please provide your ideas soo other devs can benefit from them :) Setup: There are two ways to install the package: 1. As in independent tool 2. Or as a Rozenite plugin (see below). 1. Install (independent tool) Add to your metro.config.js : --- 2. Install as a Rozenite plugin (OPTIONAL) Then in the metro.config.js file add the following: Now you can run yarn start and open React Native DevTools --- 3. Build the app As ex","default_branch":null,"files":null,"tree":[],"storefront":"/r/retyui","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/retyui/react-native-bundle-discovery/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}