Daha önce acemice kendi yaptığım karmaşık yapılı javascript, jquery, vuejs ve php karışımı olan bir formum mevcut.

Birden fazla sekme (kullanıcının yaptığı tercihlere göre sekme sayısı 2-6 arasında değişiyor) ve sekmelerin içinde birbirini etkileyen ve ilgilendiren seçimler var. Bilgiler static yani herhangi bir apiden beslenmiyor.

Ben bu şekilde birbiri ile alaklı olan karışık yapıdaki formu en doğru mantıklı şekilde nasıl yapabilirim?

Ayrıca çok lisanlı şekilde çalışır durumda. Form doldurulduktan sonra Gönder veya PDF Kaydet gibi iki buton ile farklı işlevselliği olacak.
Mail gönderimi için NodeJS veya PHP ile api yazılacak.

Fakat bu kadar karışık bir formda ilerlemek veya güncelleme yapmak çok zor olacak.

Lisan için bilgiler bu şekilde array içinde tutuyorum.
Genel hatları ile form ve çalışması tamam sadece eksik bilgilerin girilmesi kaldı.

Daha akıllı ve basite indirgenmiş nasıl olabilir.

dependencies
    react-bootstrap,
    jspdf,
    dateformat,

CUSTOMER_FORM_TITLE: [
		"Müşteri Bilgileri",
		"Customer Information",
		"Informations client",
		"Kundeninformationen ",
		"",
		"Информация для покупателей",
		"Información de cliente",
		"",
],

//Aşağıdaki şekilde kullanıyorum. workLang değişkenimde aktif lisan.
{Constants.CUSTOMER_FORM_TITLE[workLang]}

Örnek form görseli
https://prnt.sc/aioCMIEbi-Y2