Đang lướt Hacker News kiếm trò chém gió, đập vào mắt tôi là cái post chễm chệ hơn 400 points của cao nhân Julia Evans (trên trang jvns.ca): "Moving away from Tailwind, and learning to structure my CSS". Ảo ma chưa? Trong khi 90% các khóa học bootcamp ngoài kia đang nhét Tailwind vào mồm newbiew như một thứ "tiên dược" giải quyết mọi vấn đề frontend, thì một senior có tiếng lại tuyên bố "độ kiếp" thành công, từ bỏ đạo Tailwind để về với chánh tông CSS.
Chuyện quái gì đang xảy ra vậy anh em?
Phải công nhận, Tailwind đã thay đổi hoàn toàn cách chúng ta code UI. Cứ vã flex items-center justify-between p-4 bg-red-500 rounded-lg thẳng vào thẻ HTML là xong, đo phải nghĩ tên class, đo phải nhảy qua nhảy lại file CSS. Mượt!
Nhưng mà khoan. Theo lời tác giả, sau một thời gian dài chìm đắm trong sự sung sướng nhất thời đó, bà ấy nhận ra mình đang bị hổng một lỗ to đùng: Không biết cách thiết kế kiến trúc CSS đàng hoàng.
Này nhé, CSS ngày nay không còn lỏ như cái thời 10 năm trước. Giờ chúng ta có CSS Variables, Nesting (không cần SASS luôn), Grid xịn xò con bò, và cả Container Queries. Tự nhiên việc viết CSS thuần trở nên sạch sẽ và có học thức hơn hẳn. Tác giả nhận ra rằng, thay vì biến cái file HTML thành một bãi rác ký tự (với những class dài như cái sớ Táo Quân), việc dành thời gian học cách tổ chức CSS (như BEM, CUBE CSS, hay đơn giản là chia component hợp lý) mang lại sự maintainable (dễ bảo trì) về dài hạn ngon hơn nhiều.
Cái topic này vừa lên là giang cư mận lập tức nhảy vào combat tung tóe. Tôi lướt comment thì thấy anh em đang chia thành mấy phe rõ rệt:
Thật ra, anh em cãi nhau mòn bàn phím cũng chỉ vì một cái tội: Thích tôn giáo hóa công cụ.
Tailwind không sai, CSS thuần không sai, chỉ có mấy tay dev chỉ biết dùng 1 tool rồi đi chê bai phần còn lại mới là sai. Tailwind sinh ra để giải quyết vấn đề "ship nhanh" và đồng bộ UI, nhưng nó cũng trade-off bằng việc làm HTML của các ông trông như bị nôn mửa.
Bài học sinh tồn ở đây là gì? Đừng bao giờ biến mình thành "thợ gõ framework". Bạn có thể dùng Tailwind để kiếm cơm, nhưng bạn PHẢI hiểu cách CSS hoạt động bên dưới. Đừng để đến lúc bị bắt custom một cái animation phức tạp lại ngồi khóc vì trong Tailwind đ*o có class đó.
Cuối cùng, tool nào thì tool, code sạch gọn, tối ưu tốt để không phải tốn tiền nâng cấp hosting vô tội vạ chỉ vì cái file HTML nặng cả Megabyte mới là đẳng cấp của Senior thực thụ.
Nguồn hóng hớt: Hacker News
Tailwind từng là chân ái, nhưng giờ nhiều pháp sư FE đang bắt đầu quay xe. Chuyện quái gì đang xảy ra với cái framework được dân tình đội lên đầu này?
