# Форми та валідація (React Native)

> React Hook Form, Formik, валідація Yup, controlled та uncontrolled input, обробка помилок

- 18 питань зі співбесід
- Mid-Level
- [Питання зі співбесід: React Native](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy.md)

## 1. Яка основна різниця між controlled input та uncontrolled input у React Native?

**Відповідь**

Controlled input керується станом React через props value та onChangeText, що дозволяє повністю контролювати значення в будь-який момент. Uncontrolled input використовує ref для прямого доступу до значення без проходження через стан React. Controlled input рекомендовані, оскільки вони полегшують валідацію в реальному часі та синхронізацію зі станом застосунку.

## 2. Який хук React Hook Form використовується для реєстрації input та обробки його валідації?

**Відповідь**

Хук useForm із React Hook Form повертає об'єкт, що містить кілька методів та властивостей. Метод register дозволяє зареєструвати input у формі та додати до нього правила валідації. Він повертає необхідні props (onChange, onBlur, ref) для підключення input до системи керування формою.

## 3. Як визначити схему валідації email за допомогою Yup?

**Відповідь**

Yup використовує ланцюжковий API для визначення схем валідації. Щоб перевірити email, використовуйте yup.string() для визначення типу, потім додайте .email() для валідації формату email і за бажанням .required(), щоб зробити поле обов'язковим. Цей декларативний підхід дозволяє створювати читабельні та повторно використовувані валідації.

## Ще 15 доступних питань

- У Formik, який prop використовується для визначення початкових значень форми?
- Яка основна перевага React Hook Form у продуктивності порівняно з Formik?

Зареєструйся безкоштовно: https://sharpskill.dev/uk/login

## Інші теми співбесід React Native

- [Основи JavaScript](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/javascript-essentials.md): 25 запитань, Junior
- [Основи React](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/react-fundamentals.md): 20 запитань, Junior
- [Основи React Native](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/react-native-basics.md): 22 запитань, Junior
- [React Hooks](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/react-hooks.md): 20 запитань, Junior
- [TypeScript для React та React Native](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/typescript-for-react-native.md): 22 запитань, Junior
- [Компоненти та API React Native](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-components-api.md): 20 запитань, Junior
- [Стилізація та макет у React Native](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-styling-layout.md): 18 запитань, Junior
- [Навігація в React Native](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-navigation.md): 22 запитань, Mid-Level
- [Управління станом у React Native](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-state-management.md): 24 запитань, Mid-Level
- [Networking та API в React Native](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-networking-api.md): 20 запитань, Mid-Level
- [Збереження даних](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-data-persistence.md): 20 запитань, Mid-Level
- [Анімації React Native](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-animations.md): 22 запитань, Mid-Level
- [Native Modules & Bridge](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-native-modules.md): 20 запитань, Mid-Level
- [Код, специфічний для платформи](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-platform-specific-code.md): 18 запитань, Mid-Level
- [Дозволи та API пристрою](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-permissions-apis.md): 20 запитань, Mid-Level
- [Push Notifications](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-push-notifications.md): 18 запитань, Mid-Level
- [Тестування React Native](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-testing.md): 20 запитань, Mid-Level
- [Налагодження React Native](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-debugging.md): 18 запитань, Mid-Level
- [Build & Deployment](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-build-deployment.md): 20 запитань, Mid-Level
- [Expo vs React Native Bare](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/expo-vs-bare-rn.md): 18 запитань, Mid-Level
- [Оптимізація продуктивності](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-performance-optimization.md): 24 запитань, Senior
- [Управління пам'яттю](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-memory-management.md): 20 запитань, Senior
- [Architecture Patterns](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-architecture-patterns.md): 22 запитань, Senior
- [React Native New Architecture](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-new-architecture.md): 24 запитань, Senior
- [Найкращі практики безпеки](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-security-best-practices.md): 20 запитань, Senior
- [Offline-First Architecture](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-offline-first.md): 20 запитань, Senior
- [CI/CD React Native](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-ci-cd.md): 20 запитань, Senior
- [Monorepo та спільне використання коду](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-monorepo-architecture.md): 18 запитань, Senior
- [Складні теми](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-advanced-topics.md): 22 запитань, Senior
- [Життєвий цикл застосунку та фонове виконання](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-app-lifecycle-background.md): 20 запитань, Mid-Level
- [Автентифікація та керування сесіями](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-auth-session-management.md): 22 запитань, Mid-Level
- [Monitoring & Crash Reporting](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-monitoring-crash-reporting.md): 20 запитань, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-forms-validation