Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

@tabler/icons-react-native 3.X.X bundle size issue #1229

Open
4 of 30 tasks
YadBro opened this issue Sep 26, 2024 · 3 comments
Open
4 of 30 tasks

@tabler/icons-react-native 3.X.X bundle size issue #1229

YadBro opened this issue Sep 26, 2024 · 3 comments
Labels
bug Something isn't working

Comments

@YadBro
Copy link

YadBro commented Sep 26, 2024

Description

Similar to issue #1215 (svelte)

The package has sideEffects set to false, but I still end up with a large APK size.

The package size for @tabler/icons-react-native version 3.14.0 is around 44 MB.

Package

  • @tabler/icons
  • @tabler/icons-eps
  • @tabler/icons-pdf
  • @tabler/icons-png
  • @tabler/icons-webfont
  • @tabler/icons-sprite
  • @tabler/icons-preact
  • @tabler/icons-react
  • @tabler/icons-react-native
  • @tabler/icons-solid
  • @tabler/icons-svelte
  • @tabler/icons-vue
  • Figma plugin
  • source/main
  • other/not relevant

Version

3.14.0

Browser

  • Chrome/Chromium
  • Firefox
  • Safari
  • Edge
  • iOS Safari
  • Opera
  • Other/not relevant

Operating system

  • Windows
  • Linux
  • macOS
  • ChromeOS
  • iOS
  • Android
  • Other/not relevant

Steps to reproduce

  1. Create a react-native project with npx @react-native-community/cli@latest init MyApp
  2. import { IconHome } from "@tabler/icons-react-native";
  3. Build apk with ./gradlew assembleRelease
  4. Notice the huge bundle size

Checklist

  • I have searched if someone has submitted a similar issue before and there weren't any. (Please make sure to also search closed issues, as this issue might already have been resolved.)
@YadBro YadBro added the bug Something isn't working label Sep 26, 2024
@Honzoraptor31415
Copy link

Honzoraptor31415 commented Sep 27, 2024

Similar issue here, I just tried to use @tabler/icons-react-native in my React Native project, but the app takes a super long time to bundle. I don't know the exact time, but I stopped the bundling proccess after like 10 seconds - keep in mind that the project (at this point) is small and normally only takes about 2 seconds to bundle.

Also I use Expo Go to view and debug the app.

@YadBro
Copy link
Author

YadBro commented Sep 28, 2024

After hours of "wtf is happening!?" I avoided this problem by using v.3.17.0.

Umm.. I tried switching to version 3.19.0, but it did not solve the issue. I also attempted using the suggested version 3.17.0, but the problem persists.

If the issue is solved, my APK size will no longer be around 71MB; it will likely be reduced to around 30MB.

image

@OscarMpy
Copy link

OscarMpy commented Sep 30, 2024

I also have this issue using expo/metro bundler. The amount of modules bundled goes from 1600 to around 7300 using "@tabler/icons-react-native": "^3.19.0". I tried messing around with the bundler config to no avail.

@YadBro YadBro changed the title @tabler/icons-react-native 3.14.0 bundle size issue @tabler/icons-react-native 3.X. bundle size issue Oct 7, 2024
@YadBro YadBro changed the title @tabler/icons-react-native 3.X. bundle size issue @tabler/icons-react-native 3.X.X bundle size issue Oct 7, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants