• Paradox@lemdro.idOP
    link
    fedilink
    English
    arrow-up
    3
    ·
    1 year ago

    I’d argue that styled components, like Vue SFCs or Surface-ui, are even better in this regard. You can see the whole component there, and all the classes along for the ride. And they’re usually written in something fairly close to “real” CSS

      • Paradox@lemdro.idOP
        link
        fedilink
        English
        arrow-up
        2
        ·
        1 year ago

        Well, you get all the real advantages of real CSS. The browser tools work. Various other preprocessors work. You can use timesavers like Sass or Less or whatever else.

        The biggest advantage, imo, of using a component based design, where components handle not only the styling but the entire appearance of a “thing”, is that you make the contracts for what that thing has to support explicit. If your button needs to be able to change colors, you can add a prop that exposes that ability. If it needs to change sizes, again, that can be exposed by a prop. But they aren’t by default.

        You can sort of accomplish this in “real” css using attributes carefully, but its not as elegant.