thảo luận So sánh xu hướng SASS, Tailwind, hay styled-components trong môi trường công ty

Chào các bác,

em lập poll dưới đây với mong muốn được nghe ý kiến của các bác khi đi làm để cập nhật xu hướng frontend mới nhất về styling solutions: mình dùng SASS, Tailwind, styled-components hay CSS thuần túy trong các dự án thực tế của công ty?

Phía trên muốn sử dụng gì thì mình dùng đó thôi bác. Nhưng đa số dùng tailwind

Thay vì đặt câu hỏi xu hướng, bác nên đặt câu hỏi tại sao tw lại dần thành sự lựa chọn phổ biến, research sẽ hiểu lí do thay vì chạy theo trend

Red Ranger said:

Thay vì đặt câu hỏi xu hướng, bác nên đặt câu hỏi tại sao tw lại dần thành sự lựa chọn phổ biến, research sẽ hiểu lí do thay vì chạy theo trend

Click to expand...

bản thân em cũng dùng tailwind trong dự án thực tế mà bác, nhiều pros hơn là cons, nhưng em muốn xem các nơi khác thì sao ý bác, vì có các công ty thấy đăng lên toàn hỏi SASS

Mình làm backend, style của TW làm mình hơi dị ứng. Vì nhiều quá

Có giải pháp nào Obfuscator tailwind cho nextjs khi build ra không mn ?

hiện tại em đang dùng cả tw và style component

venom25 said:

View attachment 2497091
Mình làm backend, style của TW làm mình hơi dị ứng. Vì nhiều quá

Click to expand...

Bác dùng clsx + tailwind-merge, clsx để nhóm các class name, cái kia tránh classname conflict (ưu tiên class cuối cùng nếu trùng tên)
Cái của bác chụp nếu là html CSS js không thì dùng thêm bundler như Parcel là được

đc chọn thì chọn tailwind, nhanh, lẹ, đúng bản chất atomic design

venom25 said:

View attachment 2497091
Mình làm backend, style của TW làm mình hơi dị ứng. Vì nhiều quá

Click to expand...

làm tw thì b nên chia nhỏ các component càng nhỏ càng tốt

Chọn cái gì còn tuỳ thuộc vào nhu cầu, mục tiêu của dự án, cũng như khả năng tuyển dụng (nếu có) nữa bác. Ví dụ như nếu bác làm indie hacker muốn iterate nhanh thì Tailwind là chân ái. Còn nếu product của bác đang phát triển và scale mạnh thì trước sau gì bác cũng phải cần tự build một design system (styled components) riêng thôi.

Mình thích dùng SCSS thuần dễ customize class của thư viện UI hơn Taiwind
Ngoài ra thì nhìn code SCSS cũng tường minh hơn

dự án khá lớn đang sử dụng CSS thuần.
mã màu các kiểu sử dụng biến nên migrate qua nhiều dự khác cũng dễ .
Khá dị ứng với TW vì khiến code rất là dài.

Từ ngày dùng tailwind, mình ko muốn quay lại scss nữa. Source code không còn file css, cần sửa gì vào đúng component update là xong

venom25 said:

View attachment 2497091
Mình làm backend, style của TW làm mình hơi dị ứng. Vì nhiều quá

Click to expand...

Đồng quan điểm.
Đống code tailwind trông như rác rưởi lộn xộn. Nó hơn CSS với SCSS thì có thể nhưng so với styled-component thì vứt đi. Ai đã xài mấy components như Box với Flex của AntD với MUI thì còn thấy nó đẹp dễ đọc và tiện hơn nhiều thằng tailwind rác rưởi nữa.

Mình đang viết lại trang web tuimuaban.vn bằng Tailwind CSS, nói chung là thấy rất ok.
Tuy nhiên mình vẫn duy trì một số styled component để sử dụng cho nhanh và đồng nhất.
Hy vọng tầm 1 hoặc 2 tháng nữa xong và show cho mọi người xem hy vọng nhận ít gạch đá

Toàn code landingpage hay mấy component mì ăn liền thì cái gì chả như nhau.
Đụng sâu vào animation hay mấy selector phức tạp xem thằng nào ăn nổi SASS

Styled component thì không server side rendering đc