Mengenal Erlangform
Konsep, cakupan fitur, dan alur belajar Erlangform 1.0.0.
Erlangform membuat formulir React dari schema Zod. Definisikan struktur data, siapkan state melalui TanStack Form, lalu gunakan ErlForm untuk merender input dan pesan kesalahan. Dokumentasi ini mengikuti versi 1.0.0.
Library berawal dari kebutuhan mengurangi pekerjaan berulang untuk form profil, onboarding, dan data bertingkat.
Pembagian tanggung jawab
| Bagian | Tugas |
|---|---|
| Zod | Struktur data dan aturan validasi |
| TanStack Form | Nilai, meta, validasi, reset, dan submit |
| Erlangform | Inferensi input, renderer, konfigurasi, layout, section, dan wizard |
| Aplikasi | HTML form, tombol submit, request API, autentikasi, dan penyimpanan |
Fitur yang dibahas
- Teks, password, textarea, angka, checkbox, email, URL, select, radio, warna, range, tanggal, waktu, dan file.
- Object bersarang, array dinamis, matriks, tuple, record, serta discriminated union.
- Label/pilihan dinamis, showIf, disableIf, readOnlyIf, requiredIf, dan clearOnHide.
- Grid responsif, section collapsible, wizard, error server, dan pengamatan perubahan nilai.
- Komponen kustom, registry, inferensi metadata, dan tipe TypeScript publik.
Versi 1.0.0 menggunakan Zod; adapter schema lain belum tersedia. Root harus z.object(). Union campuran belum memiliki input bawaan dan record hanya menampilkan key yang sudah ada. Pelajari matriks schema untuk batasan selengkapnya.
Alur belajar
- Jalankan contoh lengkap.
- Pelajari input pada kelompok Field dasar.
- Atur fieldConfig, kondisi, dan layout.
- Pelajari object dan array.
- Coba demo fitur 1.0.0 dan gunakan referensi API saat mengintegrasikan aplikasi.