Inefficient imports in carbon-components-react

What package(s) are you using?

• carbon-components-react

Detailed description

I don’t even know how to describe it. Right now the whole library is vastly bloated and inefficient. Let’s say I want to import dropdown component, here’s what “import cost” plugin tells me:

Wow, a whooping 1,49 MB just to import dropdown component? Okay, going further. Inside the dropdown component:

As I can see, settings is used only for adding prefixes. Why can’t you use this import:

Ahhh, so much better! Already saved 205 KB. Okay, coming next.

Is it really necessary to pull the whole icons-react library? Why don’t you use this instead:

Saved 1,3 MB!

And so on, you get the idea. Same happens in every single component. Can you fix this to make the library at least somewhat usable?

[GraxMonzo]

@joshblack,

I am having a similar issue where carbon/icons-react appears to pull in the whole library (1.8mb) despite specific icons being included.

import { Reset16, PlayFilledAlt16, PauseFilled16 } from '@carbon/icons-react';

I have the snippet above in two components within my code.

Is this expected behavior?

Update:

I also had used the UIShell component at some point in my code. import { Header } from 'carbon-components-react/lib/components/UIShell'; Removing this UIShell code, indeed removed the large ‘@carbon/icons-react’ import. @joshblack I suspect the UIShell is somehow pulling in the entire ‘@carbon/icons-react’ - this might be something worth looking in to.

-V

Same

[victordibia]

@joshblack,

I am having a similar issue where carbon/icons-react appears to pull in the whole library (1.8mb) despite specific icons being included.

import { Reset16, PlayFilledAlt16, PauseFilled16 } from '@carbon/icons-react';

I have the snippet above in two components within my code.

Is this expected behavior?

Update:

I also had used the UIShell component at some point in my code. import { Header } from 'carbon-components-react/lib/components/UIShell'; Removing this UIShell code, indeed removed the large ‘@carbon/icons-react’ import. @joshblack I suspect the UIShell is somehow pulling in the entire ‘@carbon/icons-react’ - this might be something worth looking in to.

-V