orama254/ramadevsign-ds

Using TailwindCSS and Styled-Components in the same project?

Opened this issue · 2 comments

Hey @orama254 , I have noticed you are using both TailwindCSS and Styled-Components on the React application. I have been doing this a lot lately and honestly I usually feel a little sense of guilt :).

Two Questions:

  1. What is your "why?"
  2. Just wondering if you've ever done any benchmarks on how having the two in the same application affects performance.

Hello @kibuikaCodes, good observation.

to answer your questions:

Q1: For this particular POC, I was testing out both implementations to get familiar with how each can work independently depending on the needs of a particular team. This is more of creating a design system that suits different types of developers on a team. The css-in-js option was very straight forward. The tailwind option was a bit tedious when setting up(on the storybook side) but everything was ok later on.

Q2: I haven't done any performance benchmarks yet with both of them on a codebase, but it would be interesting to find out

Q1: For this particular POC, I was testing out both implementations to get familiar with how each can work independently depending on the needs of a particular team. This is more of creating a design system that suits different types of developers on a team. The css-in-js option was very straight forward. The tailwind option was a bit tedious when setting up(on the storybook side) but everything was ok later on.

Nice. Looking forward to the documentation. I am looking for some React-TS project to contribute to and a design system seems pretty cool.