Overzicht

Je React Native app publiceren betekent dat gebruikers hem kunnen downloaden van de App Store (iOS) of Google Play Store (Android).

Wat heb je nodig?

  • Apple Developer Account: $99/jaar voor iOS apps
  • Google Play Developer Account: Eenmalige betaling van $25 voor Android apps
  • Expo Account: Gratis (voor EAS Build)
  • App Icon: 1024x1024 pixels
  • Screenshots: Voor de store listing

Let op: Het publicatieproces kan 1-7 dagen duren voor iOS (review) en enkele uren voor Android!

Voorbereiding

1. App Icon Toevoegen

Zet je app icon (1024x1024 PNG) in de assets folder.

// app.json
{
  "expo": {
    "name": "Mijn Geweldige App",
    "slug": "mijn-app",
    "version": "1.0.0",
    "icon": "./assets/icon.png",
    "splash": {
      "image": "./assets/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#ffffff"
    }
  }
}

2. App Configuratie

// app.json
{
  "expo": {
    "name": "Mijn App",
    "slug": "mijn-app",
    "version": "1.0.0",
    "orientation": "portrait",
    "ios": {
      "bundleIdentifier": "com.jouwbedrijf.mijnapp",
      "buildNumber": "1.0.0"
    },
    "android": {
      "package": "com.jouwbedrijf.mijnapp",
      "versionCode": 1,
      "adaptiveIcon": {
        "foregroundImage": "./assets/adaptive-icon.png",
        "backgroundColor": "#ffffff"
      }
    }
  }
}

3. Privacy Policy (verplicht!)

Maak een privacy policy en host deze online. Voeg de URL toe:

// app.json
{
  "expo": {
    "privacy": "public",
    "privacyPolicy": "https://jouwwebsite.com/privacy"
  }
}

App Builden met EAS

EAS (Expo Application Services) is de gemakkelijkste manier om je app te builden.

1. EAS CLI Installeren

npm install -g eas-cli

2. Inloggen bij Expo

eas login

3. Project Configureren

eas build:configure

4. Build Maken

# Voor iOS
eas build --platform ios

# Voor Android
eas build --platform android

# Voor beide
eas build --platform all

Build types:

  • Development: Voor testen op je apparaat
  • Preview: Voor internal testing
  • Production: Voor de App Store / Play Store

5. Build Volgen

Je kunt de build status volgen op:

https://expo.dev/accounts/[jouw-account]/projects/[jouw-app]/builds

iOS App Store Publicatie

Vereisten

  • Apple Developer Account ($99/jaar)
  • Mac computer (voor finale stappen)
  • App Store Connect toegang

Stap 1: Build Downloaden

# Download IPA file na succesvolle build
eas build:list

Stap 2: App Store Connect

  1. Ga naar App Store Connect
  2. Klik op "My Apps"
  3. Klik op het + icon → "New App"
  4. Vul app informatie in:
    • Platform: iOS
    • Name: Je app naam
    • Primary Language: Dutch
    • Bundle ID: com.jouwbedrijf.mijnapp
    • SKU: Unieke identifier

Stap 3: App Informatie

Vul de volgende informatie in:

  • Screenshots: Minimaal 1 per formaat (gebruik iPhone 13 Pro Max)
  • Description: Beschrijving van je app
  • Keywords: Zoekwoorden (max 100 characters)
  • Support URL: Link naar support pagina
  • Privacy Policy URL: Verplicht!

Stap 4: Upload Build

# Met EAS Submit
eas submit --platform ios

Of handmatig via Transporter app op je Mac.

Stap 5: Submit voor Review

  1. Selecteer je build in App Store Connect
  2. Vul Export Compliance in (meestal "No")
  3. Klik op "Submit for Review"
  4. Wacht op Apple's review (1-7 dagen)

Review Tips:

  • Zorg dat je app volledig functioneel is
  • Geen placeholder content
  • Privacy policy moet kloppen
  • Test je app grondig voordat je submit

Google Play Store Publicatie

Vereisten

  • Google Play Developer Account ($25 eenmalig)
  • Privacy policy URL
  • App icon en screenshots

Stap 1: Build Maken

# Maak production build
eas build --platform android

Stap 2: Google Play Console

  1. Ga naar Google Play Console
  2. Klik op "Create app"
  3. Vul app informatie in:
    • App name: Je app naam
    • Default language: Dutch
    • App or Game: App
    • Free or Paid: Free/Paid

Stap 3: App Content

Vul de volgende secties in:

  • Privacy Policy: URL naar je privacy policy
  • App Access: Is je app gratis toegankelijk?
  • Ads: Bevat je app advertenties?
  • Content Rating: Vul vragenlijst in
  • Target Audience: Voor welke leeftijd?

Stap 4: Store Listing

Maak je store listing:

  • Short description: Max 80 characters
  • Full description: Max 4000 characters
  • App icon: 512x512 PNG
  • Screenshots: Minimaal 2, max 8 (telefoon)
  • Feature graphic: 1024x500 (optioneel maar aanbevolen)

Stap 5: Upload AAB File

# Met EAS Submit
eas submit --platform android

Of upload handmatig in Google Play Console → Production → Create new release.

Stap 6: Publish

  1. Review je app listing
  2. Klik op "Send for Review"
  3. Wacht op goedkeuring (enkele uren tot dagen)

Android is sneller! Google Play review is meestal binnen 24 uur klaar, veel sneller dan iOS.

OTA Updates (Over-The-Air)

Met Expo kun je updates versturen zonder nieuwe app versie te submitten!

Update Publiceren

# Publiceer update
eas update --branch production --message "Bug fixes"

Hoe werkt het?

OTA Updates:

  • Gebruikers krijgen automatisch de update bij app start
  • Alleen JavaScript/React code wordt geupdate
  • Native code wijzigingen vereisen een nieuwe build
  • Updates zijn binnen enkele minuten live

Wanneer Nieuwe Build vs OTA?

Wijziging Type
Bug fix in JavaScript ✅ OTA Update
Nieuwe React component ✅ OTA Update
App icon wijzigen ❌ Nieuwe Build
Nieuwe native library ❌ Nieuwe Build
App.json wijziging ❌ Nieuwe Build

Pre-Launch Checklist

Voordat je publiceert:

  • ✅ App grondig getest op iOS en Android
  • ✅ Geen console.log() of debugger statements in productie
  • ✅ App icon (1024x1024) toegevoegd
  • ✅ Splash screen geconfigureerd
  • ✅ Privacy policy online en URL toegevoegd
  • ✅ Screenshots gemaakt (verschillende formaten)
  • ✅ App beschrijving geschreven
  • ✅ Keywords gekozen (iOS)
  • ✅ Versienummer correct ingesteld
  • ✅ Alle permissies uitgelegd in beschrijving
  • ✅ Error handling toegevoegd
  • ✅ Loading states voor alle API calls
  • ✅ App werkt offline (indien relevant)

Veelgemaakte Fouten

Vermijd deze fouten:

  • ❌ Geen privacy policy → Instant reject
  • ❌ Placeholder content in screenshots → Reject
  • ❌ App crasht bij eerste gebruik → Reject
  • ❌ Incomplete features → Reject
  • ❌ Verkeerde screenshots (van andere app) → Reject
  • ❌ Bundle identifier mismatch → Build failed

Na Publicatie

Wat te doen als je app live is:

  1. Monitor crashes met Sentry of Bugsnag
  2. Lees app reviews en reageer erop
  3. Update regelmatig met nieuwe features
  4. Fix bugs snel met OTA updates
  5. Houd stores up-to-date met screenshots van nieuwe features

Samenvatting

EAS Build

Build je app in de cloud

App Store

iOS review duurt 1-7 dagen

Play Store

Android sneller goedgekeurd

OTA Updates

Snelle updates zonder review

Je hebt nu geleerd:

  • App voorbereiden voor publicatie
  • Builden met EAS
  • iOS App Store publicatie proces
  • Google Play Store publicatie proces
  • OTA updates versturen
  • Pre-launch checklist en veelgemaakte fouten