Step 5 - Framework Sebagai Alat, Bukan Jalan Pintas

Belajar memakai framework CSS secara sadar: kapan membantu, kapan justru memperumit.

Framework bagus kalau dipakai untuk mempercepat keputusan yang sudah jelas, bukan menutup kebingungan desain.

Kapan framework tepat dipakai

• tim kecil butuh konsistensi cepat
• deadline ketat
• UI standar sudah cukup

Kapan jangan dipaksa

• kebutuhan visual sangat khas
• design system sudah matang
• tim belum paham CSS dasar

Step praktik

Step 1: Tetapkan tujuan sebelum pilih framework

Contoh tujuan: “Kami butuh komponen form dan spacing konsisten dalam 2 minggu.”

Step 2: Buat layer token proyek

Walau pakai framework, simpan variabel proyek sendiri untuk identitas brand.

Step 3: Batasi pola class

Jangan biarkan setiap halaman punya pola class berbeda. Tetapkan konvensi komponen.

Step 4: Audit hasil build

Pastikan CSS final tidak membengkak karena utilitas yang tidak dipakai.

Studi kasus nyata

Kasus: Dashboard internal startup

Masalah: style cepat jadi, tapi class liar dan sulit dibaca tim baru.
Solusi: tetapkan komponen wrapper (card, btn-primary, form-row) di atas utilitas framework.

Hasil:

• kode lebih konsisten
• onboarding tim lebih cepat
• refactor lebih aman

Checklist latihan

• Tulis 3 alasan kenapa timmu butuh framework
• Buat 5 komponen wrapper standar
• Audit class yang paling sering diulang
• Hapus pola class yang tidak konsisten

Checklist mengingat

• Framework mempercepat, bukan menyelamatkan fondasi buruk
• Tetap butuh CSS dasar yang kuat
• Konsistensi tim lebih penting dari kebebasan individual

Mini proyek

Buat halaman admin sederhana dengan:

• sidebar
• table data
• form tambah data

Gunakan framework + wrapper class agar tetap rapi.

Progress belajar

Progress belajar topik Framework CSS: 20%