# Основи React Native (React Native)

> View, Text, Image, ScrollView, FlatList, StyleSheet, макет Flexbox

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

## 1. Який базовий компонент використовується для створення контейнерів у React Native?

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

Компонент View — це фундаментальний контейнер у React Native, еквівалент div у HTML. Він дозволяє групувати інші компоненти, застосовувати стилі та керувати макетом через Flexbox. На відміну від вебу, React Native використовує View замість div, оскільки його потрібно перетворити на нативні компоненти (UIView на iOS, android.view на Android).

## 2. Яка основна різниця між Text і View у React Native?

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

Компонент Text — єдиний компонент, здатний відображати текст у React Native. На відміну від вебу, де будь-який елемент може містити текст, React Native вимагає, щоб увесь текст був обгорнутий у компонент Text. View не може містити необроблений текст безпосередньо - спроба зробити це призводить до помилки.

## 3. Як відобразити локальне зображення в React Native?

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

Щоб відобразити локальне зображення в React Native, використовуйте компонент Image з пропом source і функцією require(). Цей підхід дозволяє бандлеру Metro розв'язати шлях до зображення під час збирання та оптимізувати ресурси. Віддалені зображення натомість використовують об'єкт із властивістю uri.

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

- Яка властивість потрібна для відображення віддаленого зображення (URL) за допомогою компонента Image?
- Яка основна різниця між ScrollView і FlatList?

Зареєструйся безкоштовно: 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 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
- [Форми та валідація](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/rn-forms-validation.md): 18 запитань, 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/react-native-basics