Semua bacaan

GitHub meninggalkan CSS-in-JS, satu komponen setiap kali

Migrasi ke CSS Modules dilakukan bertahap lewat design system, feature flag, dan pengujian visual.

Ringkasan sumber · Bahasa Indonesia

Menghapus biaya runtime styling

Tim Primer menjelaskan migrasi GitHub dari CSS-in-JS ke CSS Modules. Masalah awalnya muncul ketika semakin banyak komponen menambah biaya inisialisasi style di browser dan pengumpulan style saat server-side rendering.

Migrasi tanpa sekali ganti

Tim membuat versi CSS Modules untuk tiap komponen, lalu memakai feature flag dan pengujian regresi visual untuk memverifikasi kesamaan tampilan. Peluncuran dilakukan bertahap sebelum teknik styling lama dihapus.

Catatan engineering

Pelajaran yang bisa diambil: design system dapat menjadi jalur migrasi lintas aplikasi. Verifikasi kesetaraan tampilan dan ukur hasil di aplikasi sendiri sebelum menggeneralisasi peningkatan performa. Ini merupakan interpretasi editorial, bukan klaim bahwa CSS Modules selalu lebih cepat.

Kembali ke semua bacaan