i was told tailwind is hated because its just a bit better than inline styles and inline styles is hated because its unmanagable and unscalable.

but if you pair tailwind with react, you can reuse it by pairing it with a react component, the react component is reusable.

so why is tailwind so hated?

i personally use tailwind when its a one off and use vanilla css to bundle class that are going to be reuse, but someone told me to "just stick to one" and dont mix and match, why is that?

Tailwind is great, its a lot better than inline-styles.

If you already using tailwind method, don't mix with regular css classes because the paradigms are different. It becomes very hard to maintain and figure out your styles.

Tailwind has its way of doing css, or the simpler way is just do the regular CSS inside the component so any regular css is just scoped to that component rather than global.

Tailwind makes sense for JS frameworks like React because they are JS first, HTML second and and it's hard to use normal CSS classes.

But for server side rendering frameworks where HTML is first class Tailwind is not much better than inline styles.

thank god we have our own set of in house styling
just cdn the file into our page and good to go
no compile and long ass inline styling