Software Alternatives, Accelerators & Startups

The CSS Odyssey: Why I Turned back to CSS After Trying Everything Else

styled-components BEM
  1. styled-components is a visual primitive for the component age that also helps the user to use the ES6 and CSS to style apps.
    Pricing:
    • Open Source
    Diving into CSS-in-JS wasn't really a technical choice. My wife, as a UX designer, had good words about Material Design, so I headed to MUI without thinking too much. At that time, Emotion was the first-class citizen there. Meanwhile, my company's UI component library chose styled-components for styling. Both are widely used CSS-in-JS libraries.

    #Developer Tools #Design Tools #Development Tools 170 social mentions

  2. 2

    BEM

    BEM — Block Element Modifier is a methodology, that helps you to achieve reusable components and code sharing in the front-end.
    Style conflicts is one. Although CSS class definitions are placed in reverse import order, problems still occur in Next.js when some pieces only appear in page but not layout CSS bundles. Following BEM (Block Element Modifier) and "Composition over Extension" patterns to separate concerns helps avoid styling collisions significantly.

    #Design Tools #Developer Tools #CSS Framework 47 social mentions

Discuss: The CSS Odyssey: Why I Turned back to CSS After Trying Everything Else

Log in or Post with