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

> JSX, компоненти, props, state, події, умовний рендеринг, списки та keys

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

## 1. Що таке JSX у React?

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

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

## 2. Як включити вираз JavaScript у JSX?

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

Вирази JavaScript включаються в JSX шляхом обгортання їх одинарними фігурними дужками. Наприклад, щоб відобразити змінну name, пишуть {name}. Цей синтаксис дозволяє вставляти динамічні значення, викликати функції або обчислювати вирази безпосередньо під час рендерингу компонента.

## 3. Яка основна різниця між функціональним компонентом і класовим компонентом у React?

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

Функціональний компонент — це проста функція JavaScript, яка повертає JSX, тоді як класовий компонент розширює React.Component і використовує метод render(). Відколи в React 16.8 з'явилися Hooks, функціональні компоненти можуть працювати зі state і побічними ефектами, через що класові компоненти стали менш потрібними в сучасних проєктах.

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

- Що таке prop у React?
- Що таке state у React і чим він відрізняється від props?

Зареєструйся безкоштовно: https://sharpskill.dev/uk/login

## Інші теми співбесід React Native

- [Основи JavaScript](https://sharpskill.dev/uk/technologies/react-native/pytannia-spivbesidy/javascript-essentials.md): 25 запитань, 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
- [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-fundamentals