React Native

React Native

MOBILE

Кросплатформна мобільна розробка з React для побудови нативних iOS та Android додатків з JavaScript/TypeScript. Архітектура на основі React з нативними компонентами, hot reloading та доступом до нативних API для створення продуктивних мобільних додатків з єдиною кодовою базою.

Чому ти навчишся

Сучасний React з hook, Context API та функціональними компонентами

Нативні компоненти (View, Text, Image, ScrollView, FlatList)

Expo для швидкої розробки з інтегрованими інструментами та OTA-оновленнями

React Navigation для нативної навігації (Stack, Tab, Drawer)

StyleSheet та Flexbox для адаптивної та продуктивної стилізації

Керування станом (Redux Toolkit, Zustand, React Query, Context)

AsyncStorage та SecureStore для збереження даних

Нативні модулі для інтеграції нативного коду (Kotlin/Swift)

Комплексне тестування (Jest, React Native Testing Library, Detox E2E)

Продуктивність (Hermes-движок, lazy loading, оптимізація FlatList)

Ключові теми для опанування

Найважливіші концепції для розуміння цієї технології та проходження співбесід

1

React: JSX, Virtual DOM, reconciliation, hook (useState, useEffect, useCallback)

2

React Native: нативний міст, нативні vs веб-компоненти, модель потоків

3

Основні компоненти: View, Text, Image, ScrollView, FlatList, SectionList

4

Platform API: Platform.OS, Platform.select, платформо-специфічний код

5

Стилізація: StyleSheet, Flexbox-макет, Dimensions, адаптивний дизайн

6

Навігація: React Navigation (Stack, Tab, Drawer, вкладені навігатори)

7

Керування станом: Context API, Redux Toolkit, Zustand, Recoil

8

Асинхронні операції: useEffect, fetch, axios, React Query для серверного стану

9

Збереження: AsyncStorage, SecureStore, react-native-mmkv, SQLite

10

Нативні модулі: створення нативних модулів, зв'язування бібліотек, autolinking

11

Expo vs Bare React Native: переваги/недоліки, prebuild, config-плагіни

12

Дозволи: react-native-permissions, запит дозволів, обробка відмов

13

Анімації: Animated API, Reanimated 2, LayoutAnimation, жести (Gesture Handler)

14

Мережеві запити: fetch, axios, WebSocket, обробка помилок, логіка повторення

15

Форми: контрольовані компоненти, React Hook Form, валідація (Yup, Zod)

16

Тестування: модульні тести (Jest), тести компонентів, E2E (Detox, Maestro)

17

Продуктивність: оптимізація FlatList, useMemo, useCallback, Hermes, Flipper

18

Push-сповіщення: Firebase Cloud Messaging, Expo Notifications, локальні сповіщення

19

Карти та локація: react-native-maps, Geolocation API, фонова геолокація

20

Build та розгортання: EAS Build, Fastlane, App Store/Play Store, OTA-оновлення