Formularze i walidacja
React Hook Form, Formik, walidacja Yup, inputy controlled vs uncontrolled, obsługa błędów
1Jaka jest główna różnica między inputem controlled a uncontrolled w React Native?
Jaka jest główna różnica między inputem controlled a uncontrolled w React Native?
Odpowiedź
Input controlled jest zarządzany przez state Reacta poprzez propsy value i onChangeText, co pozwala na pełną kontrolę nad wartością w każdej chwili. Input uncontrolled używa ref do bezpośredniego dostępu do wartości bez przechodzenia przez state Reacta. Inputy controlled są zalecane, ponieważ ułatwiają walidację w czasie rzeczywistym i synchronizację ze stanem aplikacji.
2Który hook React Hook Form służy do rejestrowania inputu i obsługi jego walidacji?
Który hook React Hook Form służy do rejestrowania inputu i obsługi jego walidacji?
Odpowiedź
Hook useForm z React Hook Form zwraca obiekt zawierający kilka metod i właściwości. Metoda register pozwala zarejestrować input w formularzu i dołączyć do niego reguły walidacji. Zwraca niezbędne propsy (onChange, onBlur, ref), aby połączyć input z systemem zarządzania formularzem.
3Jak zdefiniować schemat walidacji email za pomocą Yup?
Jak zdefiniować schemat walidacji email za pomocą Yup?
Odpowiedź
Yup używa łańcuchowego API do definiowania schematów walidacji. Aby zwalidować email, użyj yup.string() do zdefiniowania typu, następnie połącz .email() dla walidacji formatu email, a opcjonalnie .required(), aby uczynić pole obowiązkowym. To deklaratywne podejście pozwala tworzyć czytelne i wielokrotnego użytku walidacje.
W Formiku, który props służy do definiowania wartości początkowych formularza?
Jaka jest główna zaleta wydajnościowa React Hook Form w porównaniu z Formikiem?
+15 pytań z rozmów
Inne tematy rekrutacyjne React Native
Podstawy JavaScript
Podstawy React
Podstawy React Native
React Hooks
TypeScript dla React i React Native
Komponenty i API React Native
Stylowanie i układ w React Native
Nawigacja w React Native
Zarządzanie stanem w React Native
Networking i API w React Native
Trwałość danych
Animacje React Native
Native Modules & Bridge
Kod specyficzny dla platformy
Uprawnienia i interfejsy API urządzenia
Push Notifications
Testowanie React Native
Debugowanie React Native
Build & Deployment
Expo vs React Native Bare
Optymalizacja wydajności
Zarządzanie pamięcią
Architecture Patterns
New Architecture w React Native
Najlepsze praktyki bezpieczeństwa
Offline-First Architecture
CI/CD React Native
Monorepo i współdzielenie kodu
Zaawansowane tematy
Cykl życia aplikacji i wykonywanie w tle
Uwierzytelnianie i zarządzanie sesją
Monitoring & Crash Reporting
Opanuj React Native na następną rozmowę
Uzyskaj dostęp do wszystkich pytań, flashcards, testów technicznych, ćwiczeń code review i symulatorów rozmów.
Zacznij za darmo