# React Native New Architecture (React Native)

> Fabric renderer, Turbo Modules, JSI, Codegen, міграція зі старої архітектури

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

## 1. Що таке React Native New Architecture?

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

New Architecture — це масштабне оновлення React Native, запроваджене для покращення продуктивності та зв'язку між JavaScript і нативним кодом. Вона складається з трьох основних компонентів: Fabric (нова система рендерингу), Turbo Modules (заміна Native Modules) та JSI (JavaScript Interface), що забезпечує синхронний і прямий зв'язок між JS та нативним кодом без використання асинхронного bridge.

## 2. Що таке JSI (JavaScript Interface) у New Architecture?

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

JSI — це легкий шар абстракції, що дозволяє коду JavaScript взаємодіяти безпосередньо з об'єктами C++ без використання асинхронного JSON bridge старої архітектури. Це уможливлює синхронні виклики, кращу продуктивність і можливість надавати функції C++ безпосередньо середовищу виконання JavaScript. JSI є основою, на якій побудовані Fabric та Turbo Modules.

## 3. Що таке Fabric у New Architecture?

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

Fabric — це нова система рендерингу React Native, що замінює старий UIManager. Вона використовує JSI для синхронного зв'язку з нативним UI-потоком, уможливлюючи паралельний рендеринг і пріоритетні оновлення. Fabric також забезпечує ефективніший рендеринг на нативному боці, зменшує кількість проходів компонування та підтримує нові можливості, як-от Suspense і переходи React 18+.

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

- Що таке Turbo Modules у New Architecture?
- Що таке Codegen у New Architecture?

Зареєструйся безкоштовно: 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
- [Форми та валідація](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
- [Найкращі практики безпеки](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-new-architecture