Form e validazione
React Hook Form, Formik, validazione con Yup, input controlled vs uncontrolled, gestione degli errori
1Qual è la differenza principale tra un input controlled e uno uncontrolled in React Native?
Qual è la differenza principale tra un input controlled e uno uncontrolled in React Native?
Risposta
Un input controlled è gestito dallo state di React tramite le prop value e onChangeText, consentendo il pieno controllo sul valore in qualsiasi momento. Un input uncontrolled usa una ref per accedere direttamente al valore senza passare per lo state di React. Gli input controlled sono consigliati perché facilitano la validazione in tempo reale e la sincronizzazione con lo state dell'applicazione.
2Quale hook di React Hook Form viene usato per registrare un input e gestirne la validazione?
Quale hook di React Hook Form viene usato per registrare un input e gestirne la validazione?
Risposta
L'hook useForm di React Hook Form restituisce un oggetto contenente diversi metodi e proprietà. Il metodo register consente di registrare un input nel form e di associargli regole di validazione. Restituisce le prop necessarie (onChange, onBlur, ref) per collegare l'input al sistema di gestione del form.
3Come definire uno schema di validazione email con Yup?
Come definire uno schema di validazione email con Yup?
Risposta
Yup utilizza un'API concatenabile per definire gli schemi di validazione. Per validare un'email, si usa yup.string() per definire il tipo, poi si concatena .email() per la validazione del formato email e, opzionalmente, .required() per rendere il campo obbligatorio. Questo approccio dichiarativo permette di creare validazioni leggibili e riutilizzabili.
In Formik, quale prop viene usata per definire i valori iniziali del form?
Qual è il principale vantaggio prestazionale di React Hook Form rispetto a Formik?
+15 domande da colloquio
Altri argomenti di colloquio React Native
Fondamenti di JavaScript
Fondamenti di React
Fondamenti di React Native
React Hooks
TypeScript per React e React Native
Componenti e API di React Native
Styling e Layout in React Native
Navigazione in React Native
Gestione dello Stato in React Native
Networking e API in React Native
Persistenza dei dati
Animazioni React Native
Native Modules & Bridge
Codice specifico per piattaforma
Permessi e API del dispositivo
Push Notifications
Testing in React Native
Debugging di React Native
Build & Deployment
Expo vs React Native Bare
Ottimizzazione delle prestazioni
Gestione della memoria
Architecture Patterns
New Architecture di React Native
Best Practice di Sicurezza
Offline-First Architecture
CI/CD React Native
Monorepo e condivisione del codice
Argomenti avanzati
Ciclo di vita dell'app ed esecuzione in background
Autenticazione e gestione delle sessioni
Monitoring & Crash Reporting
Padroneggia React Native per il tuo prossimo colloquio
Accedi a tutte le domande, flashcards, test tecnici, esercizi di code review e simulatori di colloquio.
Inizia gratis