# Architecture Patterns (React Native)

> Архітектура компонентів, atomic design, структура на основі features, clean architecture, SOLID

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

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

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

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

## 2. У патерні Atomic Design, які п'ять рівнів компонентів від найменшого до найбільшого?

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

Atomic Design, створений Бредом Фростом, організовує компоненти на п'ять рівнів: Atoms (базові елементи, як-от Button, Text), Molecules (групи atoms, як-от SearchInput), Organisms (завершені секції, як-от Header), Templates (макети сторінок) та Pages (екземпляри templates з реальними даними). Ця методологія полегшує створення узгоджених і масштабованих design system.

## 3. У чому головна перевага структури проєкту на основі features порівняно зі структурою на основі типів файлів?

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

Структура на основі features групує всі файли, пов'язані з функціональністю, в одній папці (компоненти, hooks, services, тести). Це покращує згуртованість коду та полегшує навігацію, оскільки все, що стосується feature, знаходиться в одному місці. На відміну від структури за типами, де файли розкидані, цей підхід зменшує перемикання контексту та спрощує видалення чи зміну цілої feature.

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

- Що означає принцип SOLID 'S' (Single Responsibility Principle) у застосуванні до компонентів React Native?
- У Clean 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
- [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-architecture-patterns