Hijrah Frontend on Faiq Najib

Hijrah Frontend (5): Dua Sisi Satu Gedung

Wed, 23 Sep 2026 09:00:05 +0700

Ini episode terakhir seri frontend. Seperti seri sebelah, saya tidak mau menulis seolah semua masalah sudah beres. Saya cuma ingin mencatat apa yang selesai, apa yang belum disentuh, dan apa yang saya pelajari setelah ikut mengurus kedua sisi gedung ini.

Cek Inventaris Dulu #

Empat episode lalu, saya mulai membongkar gedung frontend warisan. Port-nya sekarang selesai, jadi saya catat dulu isinya:

76 halaman dipindahkan dan tetap hidup. Port 1:1 tanpa meninggalkan satu halaman pun. Semua link internal antarhalaman masih menuju ke tempat yang benar.
Dua library UI tetap dipakai. Ada 101 file untuk yang mayoritas dan 13 untuk pemegang komponen kalender. Seperti sebelumnya, tidak ada file yang memakai keduanya.
194 bekas luka tipe sudah terukur.¹ Ada 194 jaring pengaman kecil yang masih berupa angsuran, belum menjadi arsitektur.
Tiga era styling masih ada,² satu backup sudah dipensiunkan, dan standardisasi menunggu giliran.

Angka-angka ini bukan tanda gedungnya sudah rapi. Pindahan selesai, renovasi belum. Saya sempat mencampuradukkan dua hal itu, padahal jelas beda pekerjaan.

Hijrah Frontend (4): Dua Library UI, Dua Era Penamaan

Wed, 23 Sep 2026 09:00:04 +0700

Di episode kedua saya sempat menyebut angkanya: satu library UI dipakai di 101 file, satunya di 13 saja. Kali ini saya bongkar penggunaannya lebih dekat. Ada dua hal yang bikin saya mengernyit, lalu tertawa sendiri di depan layar, hehe.

Rupanya keduanya tidak pernah dipakai dalam file yang sama. Aneh juga, library yang lebih jarang dipakai justru punya komponen yang paling sering dicari. Saya ceritakan.

Dua Library, Batas yang Tidak Tertulis #

Library pertama dipakai di lebih banyak halaman. Isinya paginator, button, skeleton, card, sampai galleria gambar. Hampir semua halaman memakai komponen darinya; ada 101 file yang memanggilnya.¹

Hijrah Frontend (3): Type Chaos, Angka, String Kosong, dan Halaman yang Berbeda Pendapat

Wed, 23 Sep 2026 09:00:03 +0700

Tiga halaman mengirim field yang sama dengan cara berbeda. Ada yang mengirim angka, ada yang mengirim string kosong kalau nilainya tidak ada, ada juga yang membungkus angka jadi string. Kebiasaan ini bertahan bertahun-tahun, sampai penerimanya berubah jadi sistem yang tidak mau menebak.

Begitulah type chaos muncul. Tidak ada yang sengaja bikin, tapi bekasnya masih bisa dihitung di repo kami.

Dulu, PHP Memaklumi #

Dulu penerimanya adalah PHP, bahasa yang sangat pemaaf soal tipe data. Kirim "123", dibaca sebagai 123. Kirim "", dianggap kosong. Kirim null, seolah tidak terlihat. Selama bertahun-tahun, halaman-halaman itu tidak perlu memikirkan tipe karena bahasanya tidak mempermasalahkannya.

Hijrah Frontend (2): Port Tipis dan Warisan yang Ikut Naik

Wed, 23 Sep 2026 09:00:02 +0700

Pindahan di episode pertama akhirnya selesai. Di hari serah terima, manifestnya cuma punya satu angka penting: tujuh puluh enam kotak masuk, tujuh puluh enam kotak keluar. Tidak ada halaman yang tertinggal.

Tidak ada yang tertinggal karena memang begitu keputusan kami. Ada yang sengaja dibawa, ada yang ikut tanpa diundang, dan ada satu rencana besar yang akhirnya batal. Saya ceritakan satu-satu ya.

Kenapa Nol Halaman Ditinggalkan #

Kalau pernah pindah rumah, pasti tahu rasa lega waktu bilang, “yang ini buang aja”. Migrasi frontend punya godaan yang sama. Menghapus halaman rasanya seperti sekalian merapikan produk.

Hijrah Frontend (1): Ketika Backend Engineer Disuruh Menyentuh Frontend

Wed, 23 Sep 2026 09:00:01 +0700

Seri Hijrah Backend akhirnya kelar. Backend GPS sekarang jalan di Go, 14 modul domain sudah tertata, dan endpoint yang dulu butuh 15 detik sekarang jauh lebih ngebut. Alhamdulillah.

Nah, sekarang giliran gedung sebelah: frontend.

Saya seorang backend engineer. Sehari-hari saya berurusan dengan query, index, parser paket biner, dan kesejahteraan database. Frontend biasanya hanya saya kunjungi seperlunya, seperti turis. Sampai akhirnya saya diminta ikut mengurusnya. Bukan sekadar mampir lagi, hehe~

Kesan Pertama: Bau Spaghetti #

Saat membuka frontend warisan itu, saya langsung melihat spaghetti di mana-mana. Saya memang tidak jago frontend, tapi sudah cukup lama baca kode orang untuk tahu mana yang spaghetti. Tidak perlu jadi koki untuk tahu kalau sup sudah kelamaan nangkring di meja, kan? Kelihatan saja sudah cukup.