15
Konsistensiprettier-pluginChecklist §38
Tips & Best Practice
Kelas secukupnya, urutan konsisten otomatis, kapan ekstrak komponen, dan checklist produksi §38.
Kelas secukupnya, urutan konsisten
Utility yang tidak dipakai = noise. Tulis yang dibutuhkan saja, rapikan urutan dengan prettier-plugin-tailwindcss, dan ekstrak komponen hanya ketika pola benar-benar berulang. Situs ini konsisten: satu skala radius, satu palet token, tanpa hex liar di markup.
js
// .prettierrc — urutan class dirapikan otomatis
{
"plugins": ["prettier-plugin-tailwindcss"]
}Checklist produksi §38
Sebelum rilis: utility-first sebagai default, token tidak terduplikasi, arbitrary tidak berlebihan, fokus state terlihat, semantic HTML, kontras memadai, motion-reduce dipertimbangkan, dan API v3 tidak terbawa ke project v4.
Decision Rule
Final check: bersihkan class tak terpakai, uji keyboard-only, uji viewport 375px & 1440px.