Implementasi Reusable Components pada Aplikasi Multi-Bisnis Berbasis React

Abstract

inkonsistensi antarmuka pada enam modul operasionalnya. Penelitian ini mengusulkan implementasi arsitektur reusable components terpusat berbasis React dan TypeScript menggunakan kontrak data statis (props) serta mekanisme tema dinamis via custom hook useTheme(). Karena dilakukan secara retroaktif, evaluasi kuantitatif diukur menggunakan pendekatan Hypothetical Baseline. Hasil pengujian runtime menunjukkan komponen tunggal mampu mengadaptasi identitas visual tiap jenis usaha secara presisi. Secara struktural, arsitektur ini memberikan dampak efisiensi signifikan dengan estimasi reduksi redundansi kode mencapai 84,9% pada komponen Button dan 79,2% pada Header. Penelitian ini membuktikan bahwa sentralisasi komponen berbasis modular efektif meningkatkan maintainability basis kode dan konsistensi antarmuka sistem multi-bisnis.