css-in-js

React: CSS in JS techniques comparison (by MicheleBertoli)

Css-in-js Alternatives

Similar projects and alternatives to css-in-js

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a better css-in-js alternative or higher similarity.

css-in-js reviews and mentions

Posts with mentions or reviews of css-in-js. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-11-23.
  • Front-end Guide
    54 projects | dev.to | 23 Nov 2022
    As you might have realized by now, the front end ecosystem is saturated with tools, and unsurprisingly, tools have been invented to partially solve some of the problems with writing CSS at scale. "At scale" means that many developers are working on the same large project and touching the same stylesheets. There is no community-agreed approach on writing CSS in JS at the moment, and we are hoping that one day a winner would emerge, just like Redux did, among all the Flux implementations. For now, we are banking on CSS Modules. CSS modules is an improvement over existing CSS that aims to fix the problem of global namespace in CSS; it enables you to write styles that are local by default and encapsulated to your component. This feature is achieved via tooling. With CSS modules, large teams can write modular and reusable CSS without fear of conflict or overriding other parts of the app. However, at the end of the day, CSS modules are still being compiled into normal globally-namespaced CSS that browsers recognize, and it is still important to learn and understand how raw CSS works.
  • Why are "CSS classes generally better for performance than inline styles." ~ from react docs
    3 projects | /r/reactjs | 12 Apr 2022
    There are a myriad of CSS-in-JS tools, many of which are zero-runtime giving you all the benefits of authoring in a single file without the drawbacks of inline styles. That's how I prefer to do my CSS with React anyway... Vanilla Extract and/or Linaria are my current favorites.
  • Why was CSS-In-JS ever a thing?
    6 projects | /r/reactjs | 12 Feb 2022
    One thing I think you're really missing is what the output is of CSS-in-JS. There are tens of CSS-in-JS frameworks that can output anything from: CSS Module like classes (Linaria, Vanilla Extract), Atomic Classes (StyleX, PreStyle), to the more traditional (Styled Components, Emotion) many with zero runtime cost (ie no JS bloat). That's why I say CSS-in-JS is primarily about developer experience... the output can often be whatever you want it to be.
  • A note from our sponsor - SurveyJS
    surveyjs.io | 26 Apr 2024
    With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →

Stats

Basic css-in-js repo stats
3
5,532
0.0
about 3 years ago

MicheleBertoli/css-in-js is an open source project licensed under MIT License which is an OSI approved license.

The primary programming language of css-in-js is JavaScript.


Sponsored
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com