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-оновлення

Сьогоднішнє завдання React Native

Один фрагмент на день. Знайди баг або доведи, що його немає.

Зіграти сьогодні

69 вакансій React Native онлайн

Постійні позиції та фриланс, із країною, remote і зарплатою, коли її опубліковано. Оновлюються щодня, доступні лише підписникам.

Ринок React Native

Нещодавні статті про React Native

Відкрий наші найновіші статті та посібники про React Native

Переглянути всі статті про React Native