React + Css and React + Tailwind css. Which one do you find easy and is the best!!

if i know all, i would definitely prefer react + tailwind for fast development. but I'm only to backend php/laravel

Englishisamust:
React + Css and React + Tailwind css. Which one do you find easy and is the best!!

React + CSS or React + Styled Components. I prefer writing my CSS from scratch because of its flexibility.

Don't listen to the guy above me, why will you reinvent the wheel. Tailwind CSS will even help you to understand CSS more better and help you to development faster

Unbiased1:


React + CSS or React + Styled Components. I prefer writing my CSS from scratch because of its flexibility.

True, you just have full control with raw css but I feel a combination of both is best. You use tailwind for basic straight forward styling then css preferably sass at least for me personally for edge cases you can't achieve with tailwind.

jikins:


True, you just have full control with raw css but I feel a combination of both is best. You use tailwind for basic straight forward styling then css preferably sass at least for me personally for edge cases you can't achieve with tailwind.

Don't blame me jare. I have gotten so good with CSS, I just feel I don't need to use any styling framework. The main reason why I use styled components package is because it allows me to write my CSS in the same file with JSX (in react and Next JS) so I don't have to deal with creating and organising a separate CSS file. Also when compiling, styled components add the necessary -webkit styles for better compactibility with browsers similar to the way SCSS does it.

fnep2smooth:
Don't listen to the guy above me, why will you reinvent the wheel. Tailwind CSS will even help you to understand CSS more better and help you to development faster

Reinvent which wheel?
Tailwind CSS helps you develop faster? True.
Tailwind CSS helps you understand CSS better? Highly subjective.

Unbiased1:


Don't blame me jare. I have gotten so good with CSS, I just feel I don't need to use any styling framework. The main reason why I use styled components package is because it allows me to write my CSS in the same file with JSX (in react and Next JS) so I don't have to deal with creating and organising a separate CSS file. Also when compiling, styled components add the necessary -webkit styles for better compactibility with browsers similar to the way SCSS does it.

Well give it a try. I was like you once upon a time. Writing raw css was always my go too. But I had a project where tailwind was used I didn't want to deviate from the norm there. It was a pain at first having to learn the class names and the likes. The tailwind extension helps alot. But I was quickly converted.

I could be wrong though but I don't usually use styled components because I feel its just added javascript that needs to be complied by the client. Granted its fun to write especially when you can rename stuff like divs and the likes to more readable names, have type safety together with just writing js in css code can be very fun. But! but, the thought of sending even more javascript than necessary to the client haunts me when I use it.

After going through this
https://codefixzy.com/?p=89
article, I was able to make the best decision regarding this your question

Unbiased1:


Don't blame me jare. I have gotten so good with CSS, I just feel I don't need to use any styling framework. The main reason why I use styled components package is because it allows me to write my CSS in the same file with JSX (in react and Next JS) so I don't have to deal with creating and organising a separate CSS file. Also when compiling, styled components add the necessary -webkit styles for better compactibility with browsers similar to the way SCSS does it.

Styled components in 2023?

You don't even know the reason for Tailwind CSS. It has nothing to do with whether you are good at vanilla CSS or not.

Tailwind is Atomic, easily maintainable... I see no reason Vanilla CSS should be used over Tailwind. Tailwind should be a standard sef.

This makes it seem as if Tailwind is the only option with React besides vanilla CSS. Folks that know how can build fantastic UI's with Chakra, material UI, even bootstrap.
Yes, Tailwind is hugely popular and makes sense, but this type of limiting question could give beginners a wrong impression.

cola:
This makes it seem as if Tailwind is the only option with React besides vanilla CSS. Folks that know how can build fantastic UI's with Chakra, material UI, even bootstrap.
Yes, Tailwind is hugely popular and makes sense, but this type of limiting question could give beginners a wrong impression.

Not necessarily, you mentioned UI libraries. Which is different from stying your own components from scratch or modifying UI library components with css. Using tailwind or vanilla css doesn't stop you from using your favourite UI library.

The topic was really css or tailwind in a react project not necessarily which UI library to use. Hope you understand.

Not necessarily.
The op asked about styling (CSS).
Most of the tools I mentioned are CSS frameworks, not necessarily component based libraries.

Yes, if the topic is how I would write CSS in a react project, then I could write with vanilla CSS, or TailwindCSS, or bootstrap or bulma, etc. So if the discussion is limited to vanilla or TailwindCSS, beginners could go away with the impression that these are the limited possibilities.

My take.

cola:
Not necessarily.
The op asked about styling (CSS).
Most of the tools I mentioned are CSS frameworks, not necessarily component based libraries.

Yes, if the topic is how I would write CSS in a react project, then I could write with vanilla CSS, or TailwindCSS, or bootstrap or bulma, etc. So if the discussion is limited to vanilla or TailwindCSS, beginners could go away with the impression that these are the limited possibilities.

My take.

Its literally in the topic boss. Css or tailwind. Never was it mentioned these are the only css frameworks. So I don't understand your queries. Its like me comparing react and solid js, doesn't mean there aren't other js frontend frameworks. Beginner who can understand English well, will know we are comparing 2 things not that these are the only ones in existence.

And yeah you mainly mentioned UI libraries not css frameworks as you claim. The only css framework there is bootstrap hence my comments.

But it's alright, enjoy your day.

cola:
This makes it seem as if Tailwind is the only option with React besides vanilla CSS. Folks that know how can build fantastic UI's with Chakra, material UI, even bootstrap.
Yes, Tailwind is hugely popular and makes sense, but this type of limiting question could give beginners a wrong impression.

Read the topic before commenting.

XXLDICK:

Styled components in 2023?

You don't even know the reason for Tailwind CSS. It has nothing to do with whether you are good at vanilla CSS or not.

Tailwind is Atomic, easily maintainable... I see no reason Vanilla CSS should be used over Tailwind. Tailwind should be a standard sef.

Good for you. I don't use it.

Unbiased1:


Good for you. I don't use it.

Have you heard of facebook's style x looks promising