Reimagine CSS Atom

Walaupun saya bukan peminat CSS atom yang besar -jumlah kelas bukan cawan teh saya, dan saya dapati CSS tradisional agak berkesan -saya mengenali rayuannya. Kelebihannya adalah jelas: lembaran gaya yang lebih kecil berbanding dengan CSS yang ditulis secara manual, dan pendekatan berasaskan kelas menggalakkan konsistensi dalam sistem reka bentuk.

Evolusi CSS atom adalah menarik. Ia berkembang dari perpustakaan besar -besaran kelas (dengan manfaat CSS kecil, tidak berubah) kepada pendekatan yang lebih halus: menghapuskan kelas yang tidak digunakan dan, sekarang, menghasilkan stylesheets atas permintaan berdasarkan penggunaan sebenar.

Anthony Fu "Reimagine Atomic CSS" memberikan gambaran yang hebat tentang evolusi ini dan memperkenalkan UNOCSS, kemajuan selanjutnya. Walaupun saya tidak memahami sepenuhnya semua kerumitannya, nampaknya menawarkan keupayaan yang dipertingkatkan ke atas lelaran sebelumnya, terutamanya melalui peraturan yang boleh dikonfigurasikan. Kelajuannya (memanfaatkan Vite) adalah tambah penting, terutamanya untuk pembangunan berulang.

Walau bagaimanapun, saya dapati beberapa aspek yang mencabar. Kerumitannya adalah ketara, dan integrasi kelihatan terhad. Saya juga teragak -agak untuk menukar gaya ke dalam atribut HTML sewenang -wenangnya. Walaupun alat JSX boleh diterima, atribut HTML langsung mencapai risiko DOM dan harus idealnya menjadi data-* Scoped untuk keselamatan.

Walaupun tempahan ini, saya menghargai pendekatan menyelesaikan masalah Anthony dan perkongsian prosesnya. Kemasukan taman permainan adalah tambahan yang dialu -alukan.

Pautan Langsung →

Atas ialah kandungan terperinci Reimagine CSS Atom. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!