React Native

React Native

MOBILE

Cross-platform mobiele ontwikkeling met React om native iOS- en Android-apps te bouwen met JavaScript/TypeScript. Op React gebaseerde architectuur met native componenten, hot reloading en native API-toegang om performante mobiele applicaties te maken met één codebase.

Wat je zult leren

Modern React met hooks, Context API en functionele componenten

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

Expo voor snelle ontwikkeling met geïntegreerde tools en OTA-updates

React Navigation voor native navigatie (Stack, Tab, Drawer)

StyleSheet en Flexbox voor responsieve en performante styling

Statusbeheer (Redux Toolkit, Zustand, React Query, Context)

AsyncStorage en SecureStore voor gegevenspersistentie

Native modules voor integratie van native code (Kotlin/Swift)

Uitgebreid testen (Jest, React Native Testing Library, Detox E2E)

Prestaties (Hermes-engine, lazy loading, FlatList-optimalisatie)

Belangrijkste onderwerpen om te beheersen

De belangrijkste concepten om deze technologie te begrijpen en je gesprekken te halen

1

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

2

React Native: native bridge, native vs web componenten, threadingmodel

3

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

4

Platform API: Platform.OS, Platform.select, platformspecifieke code

5

Styling: StyleSheet, Flexbox-layout, Dimensions, responsief ontwerp

6

Navigatie: React Navigation (Stack, Tab, Drawer, geneste navigators)

7

Statusbeheer: Context API, Redux Toolkit, Zustand, Recoil

8

Async-operaties: useEffect, fetch, axios, React Query voor server state

9

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

10

Native modules: native modules maken, bibliotheken linken, autolinking

11

Expo vs Bare React Native: voor/nadelen, prebuild, config plugins

12

Machtigingen: react-native-permissions, machtigingen aanvragen, weigeringen afhandelen

13

Animaties: Animated API, Reanimated 2, LayoutAnimation, gestures (Gesture Handler)

14

Netwerken: fetch, axios, WebSocket, foutafhandeling, retry-logica

15

Formulieren: gecontroleerde componenten, React Hook Form, validatie (Yup, Zod)

16

Testen: unit tests (Jest), componenttests, E2E (Detox, Maestro)

17

Prestaties: FlatList-optimalisatie, useMemo, useCallback, Hermes, Flipper

18

Pushnotificaties: Firebase Cloud Messaging, Expo Notifications, lokale notificaties

19

Kaarten en locatie: react-native-maps, Geolocation API, achtergrondlocatie

20

Build en deployment: EAS Build, Fastlane, App Store/Play Store, OTA-updates