React Native

React Native

MOBILE

Międzyplatformowy rozwój mobilny z React do budowania natywnych aplikacji iOS i Android przy użyciu JavaScript/TypeScript. Architektura oparta na React z natywnymi komponentami, hot reloading i dostępem do natywnych API do tworzenia wydajnych aplikacji mobilnych z jedną bazą kodu.

Czego się nauczysz

Nowoczesny React z hookami, Context API i komponentami funkcyjnymi

Natywne komponenty (View, Text, Image, ScrollView, FlatList)

Expo do szybkiego rozwoju ze zintegrowanymi narzędziami i aktualizacjami OTA

React Navigation do natywnej nawigacji (Stack, Tab, Drawer)

StyleSheet i Flexbox do responsywnego i wydajnego stylowania

Zarządzanie stanem (Redux Toolkit, Zustand, React Query, Context)

AsyncStorage i SecureStore do trwałości danych

Natywne moduły do integracji kodu natywnego (Kotlin/Swift)

Kompleksowe testowanie (Jest, React Native Testing Library, Detox E2E)

Wydajność (silnik Hermes, lazy loading, optymalizacja FlatList)

Kluczowe tematy do opanowania

Najważniejsze pojęcia do zrozumienia tej technologii i zdania rozmów

1

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

2

React Native: natywny most, natywne vs webowe komponenty, model wątków

3

Komponenty podstawowe: View, Text, Image, ScrollView, FlatList, SectionList

4

Platform API: Platform.OS, Platform.select, kod specyficzny dla platformy

5

Stylowanie: StyleSheet, układ Flexbox, Dimensions, responsywny design

6

Nawigacja: React Navigation (Stack, Tab, Drawer, zagnieżdżone nawigatory)

7

Zarządzanie stanem: Context API, Redux Toolkit, Zustand, Recoil

8

Operacje asynchroniczne: useEffect, fetch, axios, React Query dla stanu serwera

9

Trwałość: AsyncStorage, SecureStore, react-native-mmkv, SQLite

10

Natywne moduły: tworzenie natywnych modułów, linkowanie bibliotek, autolinking

11

Expo vs Bare React Native: zalety/wady, prebuild, wtyczki konfiguracyjne

12

Uprawnienia: react-native-permissions, żądanie uprawnień, obsługa odmów

13

Animacje: Animated API, Reanimated 2, LayoutAnimation, gesty (Gesture Handler)

14

Komunikacja sieciowa: fetch, axios, WebSocket, obsługa błędów, logika ponawiania

15

Formularze: kontrolowane komponenty, React Hook Form, walidacja (Yup, Zod)

16

Testowanie: testy jednostkowe (Jest), testy komponentów, E2E (Detox, Maestro)

17

Wydajność: optymalizacja FlatList, useMemo, useCallback, Hermes, Flipper

18

Powiadomienia push: Firebase Cloud Messaging, Expo Notifications, lokalne powiadomienia

19

Mapy i lokalizacja: react-native-maps, Geolocation API, lokalizacja w tle

20

Build i wdrażanie: EAS Build, Fastlane, App Store/Play Store, aktualizacje OTA