Formulare & Validierung
React Hook Form, Formik, Yup-Validierung, controlled vs. uncontrolled Inputs, Fehlerbehandlung
1Was ist der Hauptunterschied zwischen einem controlled und einem uncontrolled Input in React Native?
Was ist der Hauptunterschied zwischen einem controlled und einem uncontrolled Input in React Native?
Antwort
Ein controlled Input wird über die value- und onChangeText-Props vom React-State verwaltet, was jederzeit volle Kontrolle über den Wert ermöglicht. Ein uncontrolled Input verwendet eine Ref, um direkt auf den Wert zuzugreifen, ohne den React-State zu durchlaufen. Controlled Inputs werden empfohlen, da sie die Echtzeit-Validierung und die Synchronisation mit dem Anwendungs-State erleichtern.
2Welcher React-Hook-Form-Hook wird verwendet, um einen Input zu registrieren und seine Validierung zu handhaben?
Welcher React-Hook-Form-Hook wird verwendet, um einen Input zu registrieren und seine Validierung zu handhaben?
Antwort
Der useForm-Hook von React Hook Form gibt ein Objekt mit mehreren Methoden und Eigenschaften zurück. Die register-Methode ermöglicht es, einen Input im Formular zu registrieren und Validierungsregeln daran anzuhängen. Sie gibt die notwendigen Props (onChange, onBlur, ref) zurück, um den Input mit dem Formularverwaltungssystem zu verbinden.
3Wie definiert man ein E-Mail-Validierungsschema mit Yup?
Wie definiert man ein E-Mail-Validierungsschema mit Yup?
Antwort
Yup verwendet eine verkettbare API, um Validierungsschemata zu definieren. Um eine E-Mail zu validieren, verwendet man yup.string() zur Definition des Typs, verkettet dann .email() für die Validierung des E-Mail-Formats und optional .required(), um das Feld zur Pflicht zu machen. Dieser deklarative Ansatz ermöglicht das Erstellen lesbarer und wiederverwendbarer Validierungen.
Welche Prop wird in Formik verwendet, um die Anfangswerte des Formulars zu definieren?
Was ist der wesentliche Performance-Vorteil von React Hook Form gegenüber Formik?
+15 Interview-Fragen
Weitere React Native-Interviewthemen
JavaScript-Grundlagen
React-Grundlagen
React Native Grundlagen
React Hooks
TypeScript für React & React Native
React Native Komponenten & API
Styling & Layout in React Native
React Native Navigation
React Native State Management
Networking & API in React Native
Datenpersistenz
React Native Animationen
Native Modules & Bridge
Plattformspezifischer Code
Berechtigungen & Geräte-APIs
Push Notifications
React Native Testing
React Native Debugging
Build & Deployment
Expo vs React Native Bare
Performance-Optimierung
Speicherverwaltung
Architecture Patterns
React Native New Architecture
Security Best Practices
Offline-First Architecture
React Native CI/CD
Monorepo & Code-Sharing
Fortgeschrittene Themen
App-Lebenszyklus & Hintergrundausführung
Authentifizierung und Sitzungsverwaltung
Monitoring & Crash Reporting
Meistere React Native für dein nächstes Interview
Zugang zu allen Fragen, Flashcards, technischen Tests, Code-Review-Übungen und Interview-Simulatoren.
Kostenlos starten