I'm a full stack developer working on building web applications for all sorts of sized companies using a wide variety of web technologies. Mostly working in Ruby and JavaScript.
Is it only made for people who never used css before?
Definitely not!
Is it going to replace styled-components in the future?
I hope so. In your example, where are your styles? S.Box? What is that? What happens if you need to change that here, or in a different component.
Also, you can use tailwind in your css using the provided @apply directive and build out classes much as you'd like.
There is a lot more flexibility with individual components when using Tailwind.
Rather than applying CSS with a selector, then overriding it with a more specific selector to change it to work slightly differently when you need to "reuse" your component, you know exactly what the component should look like when it's rendered out, just by looking at the classes.
Also your example assumes you're using JSX which is definitely not always the case.
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Is it only made for people who never used css before?
Definitely not!
Is it going to replace styled-components in the future?
I hope so. In your example, where are your styles? S.Box? What is that? What happens if you need to change that here, or in a different component.
Also, you can use tailwind in your css using the provided @apply directive and build out classes much as you'd like.
There is a lot more flexibility with individual components when using Tailwind.
Rather than applying CSS with a selector, then overriding it with a more specific selector to change it to work slightly differently when you need to "reuse" your component, you know exactly what the component should look like when it's rendered out, just by looking at the classes.
Also your example assumes you're using JSX which is definitely not always the case.