-
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
The SPA version heavily utilizes Styled Components, and although it's feasible to use the styled-vanilla-extract library and migrate the code with minimal changes, some parts would still need refactoring since CSS is pre-built during compilation. We've previously used the useStylesScoped$ function while building a corporate website, but it often felt more like a hack than a solid solution.
#Developer Tools #Design Tools #React 157 social mentions
-
BEM — Block Element Modifier is a methodology, that helps you to achieve reusable components and code sharing in the front-end.
Most of our headaches stemmed from styled-components. Despite the merits of this CSS-in-JS library, it doesn’t mesh as seamlessly with server components. Traditional CSS methodologies, such as BEM (Block, Element, Modifier), CSS modules, or even utility-first frameworks like Tailwind, would have alleviated many of our difficulties. This lesson is a key takeaway that we plan to carry forward into our future projects.
#Developer Tools #Design Tools #CSS Framework 45 social mentions