Посібник для співбесіди з React Native

Більшість блогів про співбесіди зосереджені на визначеннях. Вас запитують: «Що таке компонент?», і ви даєте відповідь із підручника. Така відповідь призведе до відмови.

Справжні співбесіди базуються на сценаріях. Інтерв'юер описує додаток, який пропускає кадри, список, що занадто часто перерендериться, або екран, який зависає. Вони хочуть побачити, як ви мислите. Вони хочуть знати, чи розумієте ви, чому все працює саме так, а не просто знаєте назви інструментів.

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

Посібник охоплює:

  • Основи та життєвий цикл додатка
  • Навігація та маршрутизація
  • UI, стилізація та макет (layout)
  • JS Engine, потоки та Нова архітектура (JSI/Fabric)
  • Мережева взаємодія, API та збереження даних
  • Управління станом (Client vs. Server state)
  • Продуктивність, пам'ять та рендеринг
  • Безпека та тестування
  • Просунуті сценарії на 2026 рік

Кілька ключових порад для вашої наступної співбесіди:

  • Продуктивність: Якщо додаток працює повільно, спочатку проведіть профілювання. Визначте, чи затримка виникає у JS-потоці, чи у UI-потоці.
  • Архітектура: Не використовуйте Redux для всього підряд. Використовуйте React Query для серверного стану та Zustand або Redux Toolkit для клієнтського стану.
  • Нова архітектура: Розумійте, як JSI усуває «вузьке місце» (bottleneck) моста (bridge), забезпечуючи синхронну взаємодію.
  • Списки: Використовуйте FlatList або FlashList для довгих списків. Ніколи не використовуйте ScrollView для великих наборів даних.
  • Анімації: Запускайте анімації в UI-потоці за допомогою Reanimated або native driver, щоб уникнути смикання (jank) у JS-потоці.

Не просто зазубрюйте ці відповіді. Читайте їх повільно. Промовляйте їх вголос. Ви повинні розуміти логіку, щоб мати змогу пояснити її під тиском.

Читайте повний посібник тут: https://dev.to/prabhasg56/react-native-developer-interview-questions-answers-real-scenario-based-questions-14ko