⚡Mobile Development

Mobile App mit Expo

Native Apps bauen ohne Xcode oder Android Studio

Expo macht React Native einfach. Du schreibst JavaScript, testest auf deinem echten Handy und deployest in beide App Stores. Kein nativer Setup-Aufwand, kein Build-Frust.

Pro-Tip — Der schnelle Weg

Nutze Expo Go auf deinem Handy zum Testen. Jede Aenderung im Code erscheint sofort auf dem Bildschirm. Das ist schneller als jeder Emulator.

Seite 1

Expo Projekt erstellen

Mit einem einzigen Befehl erstellst du ein komplettes React Native Projekt. Expo kuemmert sich um die native Konfiguration fuer iOS und Android automatisch.

npx create-expo-app@latest meine-app
cd meine-app
npx expo start

Expo Go installieren

Lade Expo Go aus dem App Store oder Play Store. Scanne den QR-Code aus dem Terminal und deine App laeuft sofort auf deinem echten Geraet. Hot Reload inklusive.

Navigation einrichten

Expo Router funktioniert wie Next.js File-Based Routing. Erstelle Dateien im app-Ordner und die Navigation entsteht automatisch. Tabs, Stacks und Modals sind eingebaut.

npx expo install expo-router

// app/(tabs)/index.tsx
export default function Home() {
return <Text>Startseite</Text>;
}

// app/(tabs)/profile.tsx
export default function Profile() {
return <Text>Profil</Text>;
}

Native Features nutzen

Kamera, Location, Notifications und mehr sind als Expo-Packages verfuegbar. Ein npm install und ein Import reichen. Keine nativen Dateien anfassen.

npx expo install expo-camera expo-location

import { Camera } from 'expo-camera';
import * as Location from 'expo-location';

App bauen und deployen

Mit EAS Build erstellst du App-Store-fertige Builds in der Cloud. Kein Mac fuer iOS noetig. Der Build laeuft auf Expo-Servern und du bekommst die fertige Datei.

npm install -g eas-cli
eas build --platform all

Seite 2

Warum das funktioniert

JavaScript-Kenntnisse reichen fuer native Apps auf beiden Plattformen
Hot Reload macht die Entwicklung extrem schnell
Cloud Builds eliminieren lokale Build-Probleme
Riesiges Ecosystem mit tausenden Expo-kompatiblen Packages

Tipps

Expo Go reicht fuer 90 Prozent der Entwicklung, native Builds nur zum Release
File-Based Routing mit Expo Router spart enorm Zeit
EAS Build ist kostenlos fuer 30 Builds pro Monat
React Native Paper oder NativeWind fuer schnelles UI-Styling nutzen

Seite 3

Bereit für den nächsten Schritt?

KIWorld VibeCoding Masterclass

Du willst nicht nur einzelne Tools einrichten, sondern wirklich lernen wie du mit KI komplette Apps, Websites und SaaS-Produkte baust? Über 700 Videos — von Anfänger bis Fortgeschritten — in jedem Bereich. Von der Idee bis zum fertigen Produkt, ohne eine Zeile Code selbst zu schreiben.

Jetzt Masterclass ansehen