What is the best way to style CSS Modules or Styled Components?

Question

React

Greetings)
What is the best way to style CSS Modules or Styled Components? What is more relevant at the moment? How do you write styles?

Answer 1

This and that is disgusting, thanks to the usual css, you can really easily and quickly style pages. And this is all tracing paper from desktop applications, and their styling has always been a nightmare, an attempt to add some kind of rounding turned into a fight with a bunch of xml'ek. Now, when the desktop is almost dead, as everyone is moving en masse to the web, people are trying to drag the worst things from there.

Answer 2

I like to use CSS Modules. You can define styles with the same name in each component, for example "container", and not "appbar-container", "appbar2-container" etc. and not worry that it occurs in another component.

Answer 3

While you're asking here, they'll both be outdated, you'll have to rewrite.

Answer 4

CSS-in-JS on the hype, and specifically styled-components, glamorous or aphrodite is already a matter of taste

Answer 5

what gives one and the other?
CSSinJS - convenient theming, encapsulation
CSS Modules - encapsulation
of the minuses - CSSinJS approach is a kind of dubious code
actually we draw conclusions - it doesn't matter if you don't actively use theming

Answer 6

On the current project we have CSS Modules, on the previous one we had styled-components. Both of these can be used. It's a matter of personal preference. But perhaps styled-components is more of a "React way" than CSS Modules.