|9 days ago||9 days ago|
|BSD 2-clause "Simplified" License||MIT License|
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
We haven't tracked posts mentioning styled-ppx yet.
Tracking mentions began in Dec 2020.
Why is does modern HTML/CSS seem so complex and convoluted? (details in comment)
9 projects | /r/webdev | 23 May 2023
css-in-js (e. g. emotion.sh)9 projects | /r/webdev | 23 May 2023
How are folks feeling about the React team's push toward server components?
6 projects | /r/reactjs | 18 May 2023
dang, I never thought about this implication, and I googled the emotionjs repo there's a currently-active open issue regarding this https://github.com/emotion-js/emotion/issues/2928
I created a Zero-Runtime CSS-in-JS Library Compatible with Next.js App Router and RSC
4 projects | dev.to | 16 May 2023
Over my years of working with React, I’ve loved using CSS-in-JS libraries like Emotion and Styled-components. However, their inherent performance overhead from injecting CSS at runtime and their incompatibility with the latest Next.js features such as App Router and React Server Components (RSC) have always been a nagging issue for me.
Next.js App Directory Architecture First Impressions
5 projects | dev.to | 6 Mar 2023
An early difficulty I encountered was using UI component libraries like Mantine and Material UI in the new architecture. After looking through some GitHub issues, the culprit is Emotion, a package many component libraries rely on that does not support server rendering.5 projects | dev.to | 6 Mar 2023
Emotion: Plans to support Next.js 13 - /app directory Issue #2928
CSS Style Guide for Web Dev?
5 projects | /r/learnprogramming | 30 Jan 2023
In general I recommend using styled-components or emotion. These directly attach CSS to your components in a scoped way so that your CSS files aren’t stepping on each other’s toes all the time and make sure styling is colocated with the component.
2 projects | /r/reactjs | 29 Jan 2023
I ran into this problem as well. The root cause as I understand it is emotion: https://github.com/emotion-js/emotion/issues/2928
CSS In JS - The what, why and How's
2 projects | dev.to | 23 Jan 2023
While integrating component libraries, they may not give you full control over the order in which styles are inserted. (Example issue).
Lets create something neat together!
4 projects | /r/startpages | 5 Nov 2022
Vanilla Extract (CSS Framework) (Alternative: Emotion)
What are some alternatives?
Tailwind CSS - A utility-first CSS framework for rapid UI development.
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
styled-jsx - Full CSS support for JSX without compromises
linaria - Zero-runtime CSS in JS library
Sass - Sass makes CSS fun!
PostCSS - Transforming styles with JS plugins
material-ui - MUI Core: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
styletron - :zap: Toolkit for component-oriented styling
React CSS Modules - Seamless mapping of class names to CSS modules inside of React components.
css-modules - Documentation about css-modules