React Native

React Native

MOBILE

Plattformübergreifende Mobile-Entwicklung mit React zum Erstellen nativer iOS- und Android-Apps mit JavaScript/TypeScript. React-basierte Architektur mit nativen Komponenten, Hot Reloading und Zugriff auf native APIs zum Erstellen performanter mobiler Anwendungen mit einer einzigen Codebasis.

Was du lernen wirst

Modernes React mit Hooks, Context API und funktionalen Komponenten

Native Komponenten (View, Text, Image, ScrollView, FlatList)

Expo für schnelle Entwicklung mit integrierten Tools und OTA-Updates

React Navigation für native Navigation (Stack, Tab, Drawer)

StyleSheet und Flexbox für responsives und performantes Styling

State Management (Redux Toolkit, Zustand, React Query, Context)

AsyncStorage und SecureStore für Datenpersistenz

Native Module für die Integration von nativem Code (Kotlin/Swift)

Umfassendes Testing (Jest, React Native Testing Library, Detox E2E)

Performance (Hermes Engine, Lazy Loading, FlatList-Optimierung)

Schlüsselthemen zum Meistern

Die wichtigsten Konzepte, um diese Technologie zu verstehen und deine Interviews zu bestehen

1

React: JSX, Virtual DOM, Reconciliation, Hooks (useState, useEffect, useCallback)

2

React Native: Native Bridge, native vs Web-Komponenten, Threading Model

3

Core Components: View, Text, Image, ScrollView, FlatList, SectionList

4

Platform API: Platform.OS, Platform.select, plattformspezifischer Code

5

Styling: StyleSheet, Flexbox Layout, Dimensions, Responsive Design

6

Navigation: React Navigation (Stack, Tab, Drawer, verschachtelte Navigatoren)

7

State Management: Context API, Redux Toolkit, Zustand, Recoil

8

Asynchrone Operationen: useEffect, fetch, axios, React Query für Server State

9

Persistenz: AsyncStorage, SecureStore, react-native-mmkv, SQLite

10

Native Module: Native Module erstellen, Library Linking, Autolinking

11

Expo vs Bare React Native: Vor-/Nachteile, Prebuild, Config Plugins

12

Berechtigungen: react-native-permissions, Berechtigungsanfrage, Ablehnungsbehandlung

13

Animationen: Animated API, Reanimated 2, LayoutAnimation, Gesten (Gesture Handler)

14

Networking: fetch, axios, WebSocket, Fehlerbehandlung, Retry Logic

15

Formulare: kontrollierte Komponenten, React Hook Form, Validierung (Yup, Zod)

16

Testing: Unit Tests (Jest), Komponententests, E2E (Detox, Maestro)

17

Performance: FlatList-Optimierung, useMemo, useCallback, Hermes, Flipper

18

Push-Benachrichtigungen: Firebase Cloud Messaging, Expo Notifications, lokale Benachrichtigungen

19

Karten und Standort: react-native-maps, Geolocation API, Hintergrundstandort

20

Build und Deployment: EAS Build, Fastlane, App Store/Play Store, OTA-Updates