Usage w/o Emotion

[ioanlucut]

First, thanks for the lib!

However, it uses Emotion (https://github.com/davidhu2000/react-spinners/blob/master/package.json#L93) which means an extra bundle of JS for any app which does not use that framework by default.

I would love to use this without having the extra payload in our bundle.

Would this be an option?

[issue-label-bot]

Issue-Label Bot is automatically applying the label feature_request to this issue, with a confidence of 0.69. Please mark this comment with 👍 or 👎 to give our bot feedback!

Links: app homepage, dashboard and code for this bot.

[mnlbox]

@ioanlucut Yeah, I have same issue. I prefer a smaller bundle size. Your final bundle size now is a little huge and not fit good for production:
https://bundlephobia.com/result?p=react-spinners@0.9.0

@davidhu2000 any plan to fix this issue and decrease bundle size?

[davidhu2000]

@ioanlucut can you provide more details on your application setup? so I can create a version locally to test. If you'd like more details on why emotion was added. It was done for cleaner code and server side rendering #5

[davidhu2000]

@mnlbox, how are you importing the loaders? You can import them individually, which should help reduce bundle size.

import BarLoader from 'react-spinners/BarLoader';`

It's also possibly related to #188

[ioanlucut]

@davidhu2000 currently we use SCSS, so the emotion is not used at all in the codebase.

Thinking out loud: maybe a solution is to use emotion but provide a dist version of the spinners with the compiled inline CSS while tree shaking everything else.

[AmirAsghary]

+1 bump

[sn4f]

+1 bump

[davidhu2000]

this seems to be the most viable solution https://stackoverflow.com/a/71102920/6496010, but it'll require a ton of rewrites.

[davidhu2000]

ok, published alpha version for BarLoader without emotion, give it a try. v0.13.0-alpha.1

one note: you'd need to add

<BarLoader css={{ display: 'block' }} />

to have it show up properly. will be fixed later

[davidhu2000]

https://bundlephobia.com/package/react-spinners@0.13.0-alpha.3

https://bundlephobia.com/package/react-spinners@0.12.0

wow, removing emotion make a huge difference in size

[davidhu2000]

ok, this is published as 0.13.0-alpha.5.

[davidhu2000]

going to close this real for now, please let me know if there are issues. hopefully release 0.13 by next week