Getting Started

Welkom bij de React Native Cheat Sheet! Leer hoe je native mobiele apps bouwt met React Native en Expo.

Wat is React Native?

React Native laat je mobiele apps bouwen voor iOS en Android met JavaScript en React. Één codebase, twee platforms!

Basics

Begin hier met de fundamenten van React Native.

Basis

Installatie & Snippets

Start je eerste React Native project met Expo en handige snippets.

 Basis

Basis Componenten

Leer de core components: View, Text, Image, ScrollView en meer.

 Basis

Styling & Layout

StyleSheet API, Flexbox en responsive design in React Native.

 Basis

Events & Interactie

Reageer op touch events met TouchableOpacity en Pressable.

 Basis

Forms & Input

TextInput, Picker en afbeeldingen selecteren in je app.

Navigatie

Navigeer tussen screens met Expo Router.

Basis

Expo Router (Stack & Tabs)

Navigatie tussen screens met Stack en Bottom Tab Navigator.

 Basis

Navigeren naar Detailpagina

Parameters doorgeven en navigeren naar detail screens.

Data & Lists

Werk met data en render lange lijsten efficiënt.

Data

FlatList

Efficiënt lange lijsten renderen met FlatList en SectionList.

Storage & API

Sla data op en haal data op van APIs.

Data

AsyncStorage

Data lokaal opslaan en ophalen met AsyncStorage.

 Data

API & Axios

Data ophalen van API's met fetch en Axios in React Native.

Device Features

Gebruik native device features zoals camera en locatie.

Advanced

Device APIs

Gebruik de camera, locatie en andere device features.

 Advanced

Push Notificaties

Lokale en remote push notificaties implementeren.

 Advanced

Animated API

Creëer vloeiende animaties met de Animated API.

 Advanced

DevTools

Debug je app met React Native DevTools en Flipper.

Deploy

Publiceer je app naar de stores.

Advanced

App Publiceren

Je app publiceren in de Play Store en App Store met EAS.

Leerpad

Nieuw? Volg deze volgorde:

Start hier

  1. Installatie & Snippets - Maak je eerste app
  2. Basis Componenten - Leer View, Text, Image
  3. Styling & Layout - Flexbox en StyleSheet
  4. Events & Interactie - Touch events
  5. Forms & Input - TextInput en Picker

Daarna

  1. Expo Router - Navigatie tussen screens
  2. Detailpagina - Parameters doorgeven
  3. FlatList - Lange lijsten renderen
  4. AsyncStorage - Data opslaan
  5. API & Axios - Data ophalen

Advanced

  1. Device APIs - Camera en locatie
  2. Push Notificaties - Alerts
  3. Animated API - Animaties
  4. DevTools - Debuggen
  5. App Publiceren - Play/App Store

Tips

Test op echte device

Gebruik Expo Go app

Console.log

Debug met console logging

Flexbox is key

Alles is Flexbox layout

Reload vaak

Shake device voor menu