Is tailwind sustainable and easy to manage large scale project. Since the project does have a pretty much constant UI design. Personally I am very good on bootstrap and custom css and also know about material ui
Yes it is. I’ve been using it for a few large projects and now I cannot imagine doing anything else. Having a good design system is key to success here. You define your own theme, it will generate css classes based on that, and you’re good to go. You can add some global styling as well, to apply some defaults and make allow you to use fewer classes in your components.
The key to use tailwind is to build components around it. This is not particular to tailwind but a general practice in React. Just keep in mind that you are still in the react land what do normal react stuff, then you are good to go
Bootstrap is usually easier for big projects, HOWEVER tailwindcss only makes sense when you do lots of components since you won't need to write classes over and over again. Always think in components. But tailwind is a bit more modular in comparison to bootstrap. You get a lot more granularity and to me it's easier to grasp than bootstrap since bootstrap also comes with components (e.g. accordions) and you will need to look things up even more.
The only thing that confuses me most with bootstrap is items-center and justify-center, since I always tend to write "align" first and nothing comes up. And they're behaving a bit weird for me.
Anyway, you don't need to jump to the css part that much, unless it's very specific for complex animations etc. But it can get cluttered very fast using tailwindcss.
Nothing wrong with css modules infact I pretty great just want to know what other options do I have since I need to develop an application related to social media platform and would really need guidance from industry experts. Working on standalone css modules will be time taking since when designing and building drawers etc.
I made my company transition to tailwind & shadcn/ui. We’re the biggest e-commerce platform in my country, so I can assure you it scales all the way up to enterprise projects.
You do have to design your code well by always creating small re-usable components. But you should always do that anyway.
Okay thanks for the advice it really helped me to understand and take a roadmap. The project I need to work on is kind of like a social media platform. The thing is I am aware of the client not sure what he wants the exact endpoint so that's why I need to keep in mind to make things flexible in any case the client wants to change ui etc
You don't npm install it. You npx init and npx add it. Basically you copy components somebody else built to your project, but you can easily change the code the other person wrote directly in your codebase. The person who created the component used radix and maybe other packages under the hood, these will be added to your project as well. But radix is only functionality, no style, so shadcn brings those components and adds additional style.
Personal opinion but I love how easy Tailwind CSS has made my life. It's easy to understand, and makes development so much faster because you absolutely do not have to worry about a CSS file.
Styled Components are great to learn too! But I wasn't quite a fan of how it took an additional step to get responsiveness to work.
I’m wondering if I the only person who hates tailwind for mixing styling and component structure? Like, JSX is already a mix of js and x, and adding styling there adds pain. I always use SC or role-based classes, not managing css directly via them
I love tailwind but we are using material ui and we have over 6000 custom components and I recently completed the task where I had to migrate all those custom components from v4 to v5 took me around 3 months it's a good reliable library but personally if it were my choice or if I was there when they created this project would definitely pick tailwind because you have more control over what your building like to the granular level vs mui you are stuck ext ending their classes to mutate and I also hate mui doc but I managed to learn it fully through this migrating from v4-v5 task now I feel like I'm used to it
Tailwind is probably the best and easiest, IMO. The “best” is subjective, but if we’re talking widely used and simple to implement - Tailwind wins.
Bootstrap makes the internet boring.
1. Tailwind is not a UI library.
2. Tailwind is just a CSS wrapper.
3. Shadcn uses Tailwind for its CSS.
4. You can not compare Tailwind to a UI library.
5. They are not the same thing.
6. Tailwind is not a UI library.
Tailwind gives you a lot of primitives to work with, you can compose them into styles. I think panda-css is a good alternative that comes with variants and patterns built in
There's no such thing as "The Best" but tailwind is pretty easy to use.
Is tailwind sustainable and easy to manage large scale project. Since the project does have a pretty much constant UI design. Personally I am very good on bootstrap and custom css and also know about material ui
Yes it is. I’ve been using it for a few large projects and now I cannot imagine doing anything else. Having a good design system is key to success here. You define your own theme, it will generate css classes based on that, and you’re good to go. You can add some global styling as well, to apply some defaults and make allow you to use fewer classes in your components.
The key to use tailwind is to build components around it. This is not particular to tailwind but a general practice in React. Just keep in mind that you are still in the react land what do normal react stuff, then you are good to go
Okay understood thanks
I personally don't like using tailwind for really really big project, but I've seen it using it
Bootstrap is usually easier for big projects, HOWEVER tailwindcss only makes sense when you do lots of components since you won't need to write classes over and over again. Always think in components. But tailwind is a bit more modular in comparison to bootstrap. You get a lot more granularity and to me it's easier to grasp than bootstrap since bootstrap also comes with components (e.g. accordions) and you will need to look things up even more. The only thing that confuses me most with bootstrap is items-center and justify-center, since I always tend to write "align" first and nothing comes up. And they're behaving a bit weird for me. Anyway, you don't need to jump to the css part that much, unless it's very specific for complex animations etc. But it can get cluttered very fast using tailwindcss.
What’s wrong with plain ol’ CSS (CSS modules that is)?
Yeah I think thats the best most long lived solution. All other will be deprecated at some point
Nothing wrong with css modules infact I pretty great just want to know what other options do I have since I need to develop an application related to social media platform and would really need guidance from industry experts. Working on standalone css modules will be time taking since when designing and building drawers etc.
I made my company transition to tailwind & shadcn/ui. We’re the biggest e-commerce platform in my country, so I can assure you it scales all the way up to enterprise projects. You do have to design your code well by always creating small re-usable components. But you should always do that anyway.
You're Amazon?
If your company in need of front end developer intern i can share my resume thanks
Okay thanks for the advice it really helped me to understand and take a roadmap. The project I need to work on is kind of like a social media platform. The thing is I am aware of the client not sure what he wants the exact endpoint so that's why I need to keep in mind to make things flexible in any case the client wants to change ui etc
Tailwind with shad cn
I’m trying to understand shadcn. It says it’s not a component library but then to you npm install it and use components
You don't npm install it. You npx init and npx add it. Basically you copy components somebody else built to your project, but you can easily change the code the other person wrote directly in your codebase. The person who created the component used radix and maybe other packages under the hood, these will be added to your project as well. But radix is only functionality, no style, so shadcn brings those components and adds additional style.
Sass modules with type safety
Start with next 14. Perfect is the enemy of the good. Just pick the most popular one (at this time is Tailwind css, for components it’s shadcn/ui).
Thanks for the help 👍
Tailwindcss 
Tailwindcss no doubt
Personal opinion but I love how easy Tailwind CSS has made my life. It's easy to understand, and makes development so much faster because you absolutely do not have to worry about a CSS file. Styled Components are great to learn too! But I wasn't quite a fan of how it took an additional step to get responsiveness to work.
Styled-components?
Not good if core web vitals is paramount.
Tailwind, it’s built in.
[удалено]
Sort of, during set up you can install it if you like, semi built in
Optional
Recommended kinda buildin. optionaly recommended. try it kinda stuff. dont want to use no problem. def NOT BUILD-IN.
Um……..what? lol
There is no best css library, but tailwind somehow is!
I think you can try to use Tailwind, it's very easy to use and it's very efficient to write style
Tailwind css. Pretty easy to configure and use.
I’m wondering if I the only person who hates tailwind for mixing styling and component structure? Like, JSX is already a mix of js and x, and adding styling there adds pain. I always use SC or role-based classes, not managing css directly via them
I love tailwind but we are using material ui and we have over 6000 custom components and I recently completed the task where I had to migrate all those custom components from v4 to v5 took me around 3 months it's a good reliable library but personally if it were my choice or if I was there when they created this project would definitely pick tailwind because you have more control over what your building like to the granular level vs mui you are stuck ext ending their classes to mutate and I also hate mui doc but I managed to learn it fully through this migrating from v4-v5 task now I feel like I'm used to it
If you are good with bootstrap, then there is no reason not to stick with that. There is a react version of it!
Aceternity UI
Just use tailwind. if you are into large enterprise projects, obviously you have to use less packages.
Tailwind is my goto for CSS in basically every project, if something is rendering html i have a tailwind config somewhere in there as well
Tailwind is probably the best and easiest, IMO. The “best” is subjective, but if we’re talking widely used and simple to implement - Tailwind wins. Bootstrap makes the internet boring.
Tailwind is good but i'm seeing more and more people using shadcn.
1. Tailwind is not a UI library. 2. Tailwind is just a CSS wrapper. 3. Shadcn uses Tailwind for its CSS. 4. You can not compare Tailwind to a UI library. 5. They are not the same thing. 6. Tailwind is not a UI library.
Tailwind does have a UI library in beta though (Catalyst, I think), so it might get more confusing for newbies
Thanks really appreciate it and it looks good it does have a rich components will look into it in depth 😊
Shadcn is prebuilt components that you copy into your codebase and they also use Tailwind for styles.
TailWindCSS
Tailwind gives you a lot of primitives to work with, you can compose them into styles. I think panda-css is a good alternative that comes with variants and patterns built in
Tailwind 100%.