Hướng dẫn tailwind vs vanilla css reddit - tailwind vs vani css reddit

Tham gia Reddit

Tạo một tài khoản để theo dõi các cộng đồng yêu thích của bạn và bắt đầu tham gia vào các cuộc trò chuyện.

Tạo một tài khoản

r/webdev

Hướng dẫn tailwind vs vanilla css reddit - tailwind vs vani css reddit

Vanilla CSS

🔹full Control 🔹NO Mã không cần thiết

Bootstrap

Phát triển nhanh chóng Thực hành tốt nhất Không cần phải là một chuyên gia kiểm soát little hoặc không có mã trên không cần thiết

Tailwinds

Phát triển thông tin thực hành tốt nhất Không có kiến ​​thức chuyên môn cần 🔻 🔻 Ít kiểm soát mã chi phí không cần thiết

cấp độ 2

Tôi nghĩ rằng tôi hút sáng tạo và làm cho các thiết kế hoạt động mà không có khung UI. Làm thế nào để bạn cho rằng tôi học CSS một cách hiệu quả?

Mặt khác, sử dụng CSS đơn giản được giải phóng hơn nhiều, nhưng nó liên quan đến một lượng lớn thiết lập cơ bản, như trong việc tạo các bộ phông chữ, viết ra các lớp cơ bản, biến, v.v.

Khi làm việc trên một dự án nhỏ, giả sử, khoảng 6 màn hình cho khách hàng, các bạn thích sử dụng gì?

Tôi thích Tailwind, mọi thứ hoạt động ra khỏi hộp và tôi có thể làm bất cứ điều gì tôi muốn mà không cần suy nghĩ quá nhiều về CSS. Họ có chế độ JIT làm cho nó thậm chí còn tốt hơn khi bạn không muốn sử dụng các tham số mặc định. Và tôi không cần đặt tên cho mọi thẻ div nữa.

  • Đây là những gì Tailwind thực sự là:

  • Nó sử dụng postcss hơn là sass. Postcss có thể được cấu hình để có cú pháp giống như SASS nếu muốn, và nhiều hơn nữa.

  • Đó là một khung để tạo ra hệ thống thiết kế của riêng bạn - nó không phải là một thay thế cho một hệ thống thiết kế được xây dựng sẵn sàng như Bootstrap.

Bạn không phải xâu chuỗi một triệu lớp với nhau trong HTML của bạn. Sử dụng Chỉ thị @apply để tự mình soạn thảo các lớp thành phần.

Sự đánh đổi lớn ở đây là hai trình biên dịch SASS tồn tại là khủng khiếp. Chúng chậm và tổng hợp toàn bộ dự án của bạn, vì vậy nếu bạn chỉ thay đổi một tệp dẫn đến rất nhiều công việc chỉ để kết xuất lại. Điều này không chơi tốt với các dự án lớn hoặc tải lại nóng trong Frontend JS Frameworks hiện đại, và là lý do lớn nhất mà các nhà phát triển đầy đủ và những người khác viết các mặt tiền hiện đại đã thích các giải pháp dựa trên Postcss, không phải chịu những ràng buộc này . Và một lần nữa, nó có thể định cấu hình để có nhiều cú pháp tương tự.

Tôi thích Tailwind, mọi thứ hoạt động ra khỏi hộp và tôi có thể làm bất cứ điều gì tôi muốn mà không cần suy nghĩ quá nhiều về CSS. Họ có chế độ JIT làm cho nó thậm chí còn tốt hơn khi bạn không muốn sử dụng các tham số mặc định. Và tôi không cần đặt tên cho mọi thẻ div nữa.

Tham gia Reddit

Tạo một tài khoản để theo dõi các cộng đồng yêu thích của bạn và bắt đầu tham gia vào các cuộc trò chuyện.

r/reactjs

Hướng dẫn tailwind vs vanilla css reddit - tailwind vs vani css reddit

Tạo một tài khoản

Hướng dẫn tailwind vs vanilla css reddit - tailwind vs vani css reddit

cấp độ 1

Tôi đã nhận ra rằng tôi thực sự hút CSS. Tôi biết phải làm gì để làm cho những thứ hoạt động, nhưng bất cứ khi nào tôi cố gắng làm điều đó, nó không suôn sẻ và tôi cảm thấy như tào lao. Khi tôi sử dụng UI hoặc Mantine, tôi có thể làm hầu hết mọi thứ tôi nghĩ dễ dàng, ngay lập tức. Vanilla CSS được sử dụng rộng rãi, hay các công ty cũng có khuôn khổ riêng của họ? Bởi vì tôi cảm thấy như CSS đang kéo tôi xuống. Quan điểm của bạn là gì?

cấp độ 2

Đừng nhầm lẫn khả năng CSS của bạn với khả năng thiết kế của bạn.

cấp độ 2

Đừng nhầm lẫn khả năng CSS của bạn với khả năng thiết kế của bạn.

cấp độ 1

Vấn đề là đôi khi tôi tập luyện, nhưng tôi cảm thấy như mình sẽ không đi đâu với nó. Vì tôi không thể nghĩ ra những thứ đẹp đẹp. Và tôi thường thấy mình đang vật lộn với các từ trên thiết bị di động, hoạt hình và định vị

Vật liệu UI & Tailwind & React-hook-forms

cấp độ 2

Đừng nhầm lẫn khả năng CSS của bạn với khả năng thiết kế của bạn.

cấp độ 2

Đừng nhầm lẫn khả năng CSS của bạn với khả năng thiết kế của bạn.

cấp độ 2

Đừng nhầm lẫn khả năng CSS của bạn với khả năng thiết kế của bạn.

cấp độ 1

Vấn đề là đôi khi tôi tập luyện, nhưng tôi cảm thấy như mình sẽ không đi đâu với nó. Vì tôi không thể nghĩ ra những thứ đẹp đẹp. Và tôi thường thấy mình đang vật lộn với các từ trên thiết bị di động, hoạt hình và định vị

Vật liệu UI & Tailwind & React-hook-forms

cấp độ 1

Có anh chàng Josh Comeau, người chuyên về CSS: https://www.joshwcomeau.com/. Kiểm tra anh ta, anh ta cũng cung cấp một khóa học gọi là CSS cho các nhà phát triển JavaScript.

cấp độ 1

Tailwind chỉ là cách nhanh hơn để viết CSS, tôi không thấy bất kỳ lý do nào để không thử. Nó làm cho CSS dễ dàng hơn một chút để chơi xung quanh và không trừu tượng quá nhiều thứ (trừ khi bạn sử dụng plugin) vẫn giúp bạn học.

UI được tạo sẵn chỉ làm cho bạn trở thành một lập trình viên tiền tuyến xấu IMO.

cấp độ 1

Khá nhiều nơi vẫn sử dụng vani CSS hoặc sass/ít hơn.

Tại sao không chỉ tập trung vào việc cải thiện kỹ năng vani CSS của bạn? Không có gì xung quanh nó nếu bạn có kế hoạch làm việc trong phát triển mặt trận. Tôi nói rằng kiểu dáng của một trang là như nhau, nếu không quan trọng hơn cấu trúc HTML đằng sau nó.

cấp độ 2

Đừng nhầm lẫn khả năng CSS của bạn với khả năng thiết kế của bạn.

cấp độ 2

Đừng nhầm lẫn khả năng CSS của bạn với khả năng thiết kế của bạn.

cấp độ 1

Vấn đề là đôi khi tôi tập luyện, nhưng tôi cảm thấy như mình sẽ không đi đâu với nó. Vì tôi không thể nghĩ ra những thứ đẹp đẹp. Và tôi thường thấy mình đang vật lộn với các từ trên thiết bị di động, hoạt hình và định vị

cấp độ 1

Vật liệu UI & Tailwind & React-hook-forms

cấp độ 1

Tailwind là tuyệt vời nếu bạn thích các lớp tiện ích kiểu bootstrap.

cấp độ 1

Luôn luôn sử dụng thư viện UI trừ khi bạn muốn thực hiện các tùy chỉnh nặng hoặc mọi thứ từ đầu.