Форми та валідація
React Hook Form, Formik, валідація Yup, controlled та uncontrolled input, обробка помилок
1Яка основна різниця між controlled input та uncontrolled input у React Native?
Яка основна різниця між controlled input та uncontrolled input у React Native?
Відповідь
Controlled input керується станом React через props value та onChangeText, що дозволяє повністю контролювати значення в будь-який момент. Uncontrolled input використовує ref для прямого доступу до значення без проходження через стан React. Controlled input рекомендовані, оскільки вони полегшують валідацію в реальному часі та синхронізацію зі станом застосунку.
2Який хук React Hook Form використовується для реєстрації input та обробки його валідації?
Який хук React Hook Form використовується для реєстрації input та обробки його валідації?
Відповідь
Хук useForm із React Hook Form повертає об'єкт, що містить кілька методів та властивостей. Метод register дозволяє зареєструвати input у формі та додати до нього правила валідації. Він повертає необхідні props (onChange, onBlur, ref) для підключення input до системи керування формою.
3Як визначити схему валідації email за допомогою Yup?
Як визначити схему валідації email за допомогою Yup?
Відповідь
Yup використовує ланцюжковий API для визначення схем валідації. Щоб перевірити email, використовуйте yup.string() для визначення типу, потім додайте .email() для валідації формату email і за бажанням .required(), щоб зробити поле обов'язковим. Цей декларативний підхід дозволяє створювати читабельні та повторно використовувані валідації.
У Formik, який prop використовується для визначення початкових значень форми?
Яка основна перевага React Hook Form у продуктивності порівняно з Formik?
+15 питань зі співбесід
Інші теми співбесід React Native
Основи JavaScript
Основи React
Основи React Native
React Hooks
TypeScript для React та React Native
Компоненти та API React Native
Стилізація та макет у React Native
Навігація в React Native
Управління станом у React Native
Networking та API в React Native
Збереження даних
Анімації React Native
Native Modules & Bridge
Код, специфічний для платформи
Дозволи та API пристрою
Push Notifications
Тестування React Native
Налагодження React Native
Build & Deployment
Expo vs React Native Bare
Оптимізація продуктивності
Управління пам'яттю
Architecture Patterns
React Native New Architecture
Найкращі практики безпеки
Offline-First Architecture
CI/CD React Native
Monorepo та спільне використання коду
Складні теми
Життєвий цикл застосунку та фонове виконання
Автентифікація та керування сесіями
Monitoring & Crash Reporting
Опануй React Native для наступної співбесіди
Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.
Почни безкоштовно