Question 1

Яка основна різниця між let і var у JavaScript?

Accepted Answer

let має блочну область видимості (block scope), тоді як var має функціональну область видимості (function scope). Це означає, що змінна, оголошена за допомогою let, доступна лише всередині блоку, де вона визначена (між фігурними дужками), тоді як var доступна в усій функції. Ця різниця є вирішальною для уникнення помилок, пов'язаних із hoisting, та змінних, що витікають за межі їхнього передбачуваного контексту.

Question 2

Що таке JSX у React?

Accepted Answer

JSX — це синтаксичне розширення JavaScript, яке дозволяє писати HTML-подібний код безпосередньо всередині JavaScript. Він транспілюється у виклики функції React.createElement() інструментами на кшталт Babel. JSX робить код більш читабельним і полегшує створення UI, поєднуючи логіку та рендеринг в одному файлі.

Question 3

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

Accepted Answer

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

Question 4

Яка функція дозволяє оголосити змінну стану у функціональному компоненті React?

Accepted Answer

useState — це фундаментальний хук для керування локальним станом у функціональних компонентах. Він повертає масив, що містить поточне значення стану та функцію для його оновлення. На відміну від класових компонентів, які використовують this.state, функціональні компоненти використовують useState для кожної незалежної змінної стану.

Question 5

Який нативний метод JavaScript використовується для HTTP-запитів у React Native?

Accepted Answer

fetch — це нативний API, вбудований у JavaScript та React Native для виконання HTTP-запитів. Він повертає Promise і дозволяє обробляти запити GET, POST, PUT, DELETE без зовнішніх залежностей. На відміну від axios, fetch доступний нативно без встановлення будь-якого пакета.

Question 6

Яка основна характеристика AsyncStorage у React Native?

Accepted Answer

AsyncStorage — це асинхронна, незашифрована та постійна система зберігання типу ключ-значення. Вона працює глобально в усьому застосунку та зберігає дані у вигляді рядків. Це найпростіше рішення для зберігання, вбудоване в React Native, ідеальне для простих налаштувань користувача або нечутливих даних.

Question 7

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

Accepted Answer

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

Question 8

Яка основна роль React.memo в оптимізації продуктивності React Native?

Accepted Answer

React.memo — це Higher-Order Component, який мемоізує результат рендерингу функціонального компонента. Він запобігає непотрібним повторним рендерам, порівнюючи поточні props з попередніми (за замовчуванням shallow comparison). Якщо props не змінилися, React повторно використовує мемоізований результат замість повторного рендерингу компонента, що значно покращує продуктивність у списках або складних деревах компонентів.

Question 9

Що таке memory leak (витік пам'яті) у застосунку React Native?

Accepted Answer

Memory leak виникає, коли об'єкти в пам'яті більше не використовуються застосунком, але не можуть бути звільнені garbage collector, оскільки посилання на ці об'єкти все ще існують. У React Native це часто трапляється з неочищеними subscription, timer'ами, що залишаються активними після unmount, або closure, які захоплюють застарілі посилання. Memory leak поступово погіршують продуктивність і можуть спричиняти крахи під час тривалих сесій.

Question 10

Що таке компонентна архітектура в застосунку React Native?

Accepted Answer

Компонентна архітектура полягає в структуруванні застосунку на придатні для повторного використання та незалежні елементи, кожен з яких має єдину відповідальність. Цей підхід сприяє повторному використанню коду, спрощує модульне тестування та покращує підтримуваність. Кожен компонент інкапсулює власний state, логіку та представлення, що дозволяє будувати складні інтерфейси з простих і комбінованих будівельних блоків.

Питання зі співбесід з React Native

Готовий до співбесіди з React Native?

Дослідити всі теми 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 для наступної співбесіди