|2 months ago||6 days ago|
|MIT 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.
Goodbye CSS Modules, Hello TailwindCSS
9 projects | news.ycombinator.com | 4 Nov 2021
> And CSS-in-JS has worse performance because styles aren't compiled to sytlesheets like they're supposed to be, they're applied at runtime.
That depends on the tool. Libraries like Linaria  ("zero-runtime" CSS-in-JS) do generate CSS files.
Help with styled components.
2 projects | reddit.com/r/reactjs | 10 Aug 2021
Zero runtime option. https://github.com/callstack/linaria
Why I moved from Styled Components to (S)CSS modules
4 projects | dev.to | 15 Apr 2021
In future, I might try out libraries like Linaria which, during coding have the exact same API as styled-components, but the runtime is completely removed on build and the CSS is extracted into separate CSS files, which is super DOPE!!! 🤓
Starter using Vite + React + TypeScript + Tailwind CSS.
9 projects | dev.to | 21 Mar 2021
Frequently, React developers are worried about how to write CSS in TSX(JSX) template. You must choose from CSS Modules, styled-components, linaria, and so on. Additionally, CSS architecture is difficult about scoping, e.g. BEM, FLOCSS.
Ask HN: What Are You Working On?
100 projects | news.ycombinator.com | 14 Jan 2021
4 projects | news.ycombinator.com | 1 Jan 2021
Can you compare this to linaria, which is a similar, existing library?4 projects | news.ycombinator.com | 1 Jan 2021
The differentiating feature of Atlassian’s @compiled package is not the “build time atomic css” - it’s that you can distribute components that use @compiled on NPM without requiring your consumer to futz with Webpack include paths for e.g. CSS files. Do I have that right? @madou is the extraction shipping yet? The docs have a few places that say “coming in 2021” - what’s the status?
If all you’re interested in is build-time CSS in JS, also called Zero-runtime CSS in JS, you might also be interested in:
- Linaria (https://github.com/callstack/linaria) I use on my personal site. I ran into trouble/bugs trying to integrate it with Notion’s build process.
- Treat requires that you write the JS that computes your styles in esperare xxx.treat.js files which is annoying from my point of view - I want single file components. (https://seek-oss.github.io/treat/)
- No idea about this one, but it’s more recent https://github.com/CraigCav/css-zero
How do you guys structure your styling?
1 project | reddit.com/r/reactjs | 21 Dec 2020
Big fan of Linaria, which has a styled api. When used with its babel integration, styles can be extracted to static style sheets which is great for our modern browsers that use parallel delivery/parse mechanisms.
Menggunakan JSX sebagai view engine Express.js
5 projects | dev.to | 12 Sep 2020
Berikutnya agar bisa mengimport css dan menggunakan css-in-js, saya tambahkan webpack dengan css-loader. Untuk css-in-js, saya menggunakan linaria dengan linaria/loader untuk webpack. Dan tentu saja tidak lupa tambahan konfigurasi untuk tailwindcss.
What are some alternatives?
emotion - 👩🎤 CSS-in-JS library designed for high performance style composition
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
ffmpeg.wasm - FFmpeg for browser and node, powered by WebAssembly
React CSS Modules - Seamless mapping of class names to CSS modules inside of React components.
styletron - :zap: Toolkit for component-oriented styling
styled-jsx - Full CSS support for JSX without compromises
mapbox-gl-js - Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL
vite-react-ts-tailwind-firebase-starter - Starter using Vite + React + TypeScript + Tailwind CSS. And already set up Firebase(v9), Prettier and ESLint.