Semantic-ui-react: Consider publishing individual components as packages

[levithomason]

A tool like https://github.com/lerna/lerna could enable us to publish individual components as standalone packages.

[themre]

that would be very nice. would it be possible also to split CSS into component packages?

[layershifter]

CSS is splitted by SUI team, Table for example. At now this repo doesn't deal with CSS at all.

[themre]

ok. but should we try to split CSS into separate components? 'cause now CSS bundle is more than 500 kB.

[layershifter]

If you use vanilla SUI it's already done, take a look on link that I've provided:

import 'semantic-ui-table/table.css';

If you use styled SUI you can define components that you want use:

import './semantic/semantic.less';
// Or
import './semantic/definitions/globals/reset.less';
import './semantic/definitions/globals/site.less';

I don't understand your problem there. Here is a small how-to.

[themre]

ok thanks.

[levithomason]

I've marked this for the v1 release.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 30 days if no further activity occurs. Thank you for your contributions.

[levithomason]

We should consider shipping the commonjs, es, and umd build targets as separate packages as well. It would make the imports much cleaner for devs.

import { Button } from 'semantic-ui-react-es'

Versus our current practice of exposing our dist directory structure, which is leaky and brittle:

import { Button } from 'semantic-ui-react/dist/es'

[layershifter]

Sometime ago @levithomason has already proposed this. I'm think it's a good idea for V2, some utils like eventStack can be moved in separate packages.

[stale[bot]]

There has been no activity in this thread for 90 days. While we care about every issue and we’d love to see this fixed, the core team’s time is limited so we have to focus our attention on the issues that are most pressing. Therefore, we will likely not be able to get to this one.

However, PRs for this issue will of course be accepted and welcome!

If there is no more activity in the next 90 days, this issue will be closed automatically for housekeeping. To prevent this, simply leave a reply here. Thanks!

[stale[bot]]

This issue will be closed due to lack of activity for 12 months. If you’d like this to be reopened, just leave a comment; we do monitor them!