css-in-js Libraries to look out for

Libraries to look out for

Open andreipfeiffer opened this issue 3 years ago • 20 comments

[x] Compiled: https://github.com/atlassian-labs/compiled/issues/531 (ADDED)
[ ] Jess: https://jesscss.github.io/ (currently in alpha)
[x] vanilla-extract: https://github.com/seek-oss/vanilla-extract (ADDED)
[ ] microsoft/@Griffel: https://griffel.js.org/react/guides/ssr-usage
[ ] twind: https://twind.dev/
[ ] StyleX: https://stylex-docusaurus-nmn.vercel.app/ (currently in beta)

Feb 02 '21 07:02 andreipfeiffer

Heya! Compiled now has an extraction story, you can read more here:

https://compiledcssinjs.com/docs/css-extraction-webpack
https://twitter.com/compiledcss/status/1373125637762772996?s=20

Mar 30 '21 11:03 itsdouges

@madou thanks for the heads up, great to hear that you've managed to ship this experimental feature.

CSS static extraction is opt-in, so you'll support both approaches, right?
If it's not too much to ask, could you please ping me when you have a stable version/implementation?

Mar 30 '21 15:03 andreipfeiffer

Yep!
Sure.

On Wed, 31 Mar 2021, 2:48 am Andrei Pfeiffer, @.***> wrote:

@madou https://github.com/madou thanks for the heads up, great to hear that you've managed to ship this experimental feature.

CSS static extraction is opt-in, so you'll support both approaches, right?

If it's not too much to ask, could you please ping me when you have a stable version/implementation?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/andreipfeiffer/css-in-js/issues/8#issuecomment-810374239, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABT4PHIONW555ATLVUVSQWLTGHXGNANCNFSM4W6FICWA .

Mar 30 '21 21:03 itsdouges

📝 vanilla-extract v1.0 is released. https://twitter.com/markdalgleish/status/1398158090294292482

May 31 '21 05:05 azu

Hey @azu thanks for the update. I saw the release announcement :) I already created the example, I just need to update it to the latest version and write the review.

May 31 '21 07:05 andreipfeiffer

Good day! I think this is a good candidate to be added to the libraries list https://github.com/4Catalyzer/astroturf Postcss has mentioned this lib in readme here

Aug 09 '21 06:08 olegshilov

Hi @olegshilov, Astroturf has already been considered, but not included in the analysis: https://github.com/andreipfeiffer/css-in-js#astroturf

There was a Next.js example, which we didn't manage to start. However, that example is not available anymore, as far as I can see.

Aug 09 '21 12:08 andreipfeiffer

@andreipfeiffer also you could add Stitches library

Sep 09 '21 09:09 dawidk92

@dawidk92 Stitches is already added https://github.com/andreipfeiffer/css-in-js#stitches. The only thing I need to do is to update it to v1, which was recently released.

Sep 09 '21 10:09 andreipfeiffer

@andreipfeiffer awesome :) also you can add it to the Overview section

Sep 09 '21 10:09 dawidk92

It should be there or am I missing something?

Sep 09 '21 10:09 andreipfeiffer

Yup @andreipfeiffer, sorry for a misconception. I'm blind I guess 🙈

Sep 09 '21 10:09 dawidk92

No worries, it happens to all of us, and to me as well 😁

Sep 09 '21 10:09 andreipfeiffer

Maybe alphabetical order would do the trick for blind people like me 😄 I was looking at this table and I couldn't see it. I don't know how it's possible 😄

Sep 09 '21 10:09 dawidk92

microsoft/@Griffel is css-in-js/ts use atomic-css. Please check.