CSS-in-JS not recommended in React 18. What are you using?

• vanilla-extract

  90 9,252 8.8 TypeScript

  Zero-runtime Stylesheets-in-TypeScript

  

I think Chakra, and Stitches have the same issue outlined in the discussion. They use emotion (as far as I remember) under the hood. If you're happy with tailwind I'd probably use it, and maybe combine with react-aria or headlessUI to build my own design system components, it's worth it in the long run, and not that hard with those libraries to assist you. Alternatively, I believe vanilla-extract is similar to what they've recommended in the discussion when they referenced compile-time tools.

• react-18

  139 5,173 0.0

  Workgroup for React 18 release.

  

I recently started looking at Stitches as I'm working on a much bigger project now and I was concerned with the overhead. I was reading that actually Stitches has a very uncertain future and looking through the GitHub, it seems the future of many CSS-in-JS frameworks are up for question: https://github.com/reactwg/react-18/discussions/110

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. 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.

  

• cva

  16 5,192 7.4 TypeScript

  Class Variance Authority

For variants, or any use of Tailwind/utility CSS really, maybe you should have a look at https://github.com/joe-bell/cva and https://github.com/slicknode/stylemapper

• stylemapper

  2 140 0.0 TypeScript

  Flexible utility to create styled and type-safe React components

  

For variants, or any use of Tailwind/utility CSS really, maybe you should have a look at https://github.com/joe-bell/cva and https://github.com/slicknode/stylemapper

• react-sfc-swyx

  1 35 10.0 TypeScript
  

I dream of pasting my styles inside tags, just like Vue does. Unfortunately this idea never took off with React.

• WorkOS

  workos.com 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.

  

Suggest a related project