Formulir & Validasi
React Hook Form, Formik, validasi Yup, input controlled vs uncontrolled, penanganan error
1Apa perbedaan utama antara input controlled dan uncontrolled di React Native?
Apa perbedaan utama antara input controlled dan uncontrolled di React Native?
Jawaban
Input controlled dikelola oleh state React melalui props value dan onChangeText, yang memungkinkan kontrol penuh atas nilai kapan saja. Input uncontrolled menggunakan ref untuk mengakses nilai secara langsung tanpa melalui state React. Input controlled direkomendasikan karena memudahkan validasi real-time dan sinkronisasi dengan state aplikasi.
2Hook React Hook Form mana yang digunakan untuk mendaftarkan input dan menangani validasinya?
Hook React Hook Form mana yang digunakan untuk mendaftarkan input dan menangani validasinya?
Jawaban
Hook useForm dari React Hook Form mengembalikan objek yang berisi beberapa metode dan properti. Metode register memungkinkan mendaftarkan input dalam form dan melampirkan aturan validasi padanya. Ia mengembalikan props yang diperlukan (onChange, onBlur, ref) untuk menghubungkan input ke sistem manajemen form.
3Bagaimana cara mendefinisikan skema validasi email dengan Yup?
Bagaimana cara mendefinisikan skema validasi email dengan Yup?
Jawaban
Yup menggunakan API yang dapat dirantai untuk mendefinisikan skema validasi. Untuk memvalidasi email, gunakan yup.string() untuk mendefinisikan tipe, lalu rantaikan .email() untuk validasi format email, dan opsional .required() untuk menjadikan field wajib. Pendekatan deklaratif ini memungkinkan pembuatan validasi yang mudah dibaca dan dapat digunakan kembali.
Di Formik, prop mana yang digunakan untuk mendefinisikan nilai awal form?
Apa keunggulan performa utama React Hook Form dibandingkan dengan Formik?
+15 pertanyaan wawancara
Topik wawancara React Native lainnya
Dasar-Dasar JavaScript
Dasar-Dasar React
Dasar-Dasar React Native
React Hooks
TypeScript untuk React & React Native
Komponen & API React Native
Styling & Layout React Native
Navigasi React Native
Manajemen State React Native
Networking & API React Native
Persistensi Data
Animasi React Native
Native Modules & Bridge
Kode Spesifik Platform
Izin & API Perangkat
Push Notifications
Testing React Native
Debugging React Native
Build & Deployment
Expo vs React Native Bare
Optimasi Performa
Manajemen Memori
Architecture Patterns
New Architecture React Native
Praktik Terbaik Keamanan
Offline-First Architecture
CI/CD React Native
Monorepo & Berbagi Kode
Topik Lanjutan
Siklus Hidup Aplikasi & Eksekusi Background
Autentikasi & Manajemen Sesi
Monitoring & Crash Reporting
Kuasai React Native untuk wawancara berikutnya
Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.
Mulai gratis