React Native für Einsteiger: Komplettes Tutorial mit Beispielprojekt | Mironsoft
React Native für Einsteiger: Deine erste App
Ein vollständiges React-Native-Tutorial für absolute Einsteiger: Schritt für Schritt bauen wir gemeinsam eine echte Produktkatalog-App – von der ersten Codezeile bis zur Veröffentlichung im App Store und bei Google Play. Mit Vergleichen zu HTML/CSS für alle, die von der Webentwicklung kommen.
Das lernst du
- Wie du eine komplette React-Native-App von Grund auf aufbaust
- Komponenten, Styling und Navigation in einer mobilen App
- Formulare, Listen und eigene Hooks auf dem Smartphone
- Unterschiede und Gemeinsamkeiten zu HTML/CSS
- Veröffentlichung im App Store und bei Google Play
Voraussetzungen
- Grundkenntnisse in HTML und CSS sind hilfreich, aber nicht Pflicht
- Grundlegendes JavaScript (Variablen, Funktionen, Arrays)
- Keine React-Native-Vorkenntnisse nötig
Kapitel dieser Serie
- 1 Was ist React Native? ~6 Min. Lesezeit
- 2 Entwicklungsumgebung einrichten ~9 Min. Lesezeit
- 3 Dein erstes Projekt erstellen ~9 Min. Lesezeit
- 4 Components und JSX verstehen ~10 Min. Lesezeit
- 5 Styling mit StyleSheet ~9 Min. Lesezeit
- 6 Props und eigene Komponenten ~11 Min. Lesezeit
- 7 Zustand mit useState verwalten ~10 Min. Lesezeit
- 8 Daten von einer API laden ~11 Min. Lesezeit
- 9 Listen mit FlatList anzeigen ~9 Min. Lesezeit
- 10 Navigation zwischen Bildschirmen ~12 Min. Lesezeit
- 11 Eingaben mit TextInput ~9 Min. Lesezeit
- 12 Daten lokal speichern mit AsyncStorage ~8 Min. Lesezeit
- 13 Debugging: Fehler finden und beheben ~10 Min. Lesezeit
- 14 Auf echten Geräten testen ~11 Min. Lesezeit
- 15 Im Google Play Store veröffentlichen ~12 Min. Lesezeit
- 16 Im Apple App Store veröffentlichen ~12 Min. Lesezeit
- 17 Alternative Verteilung ohne Store-Review ~9 Min. Lesezeit
- 18 Ausblick und nächste Schritte ~7 Min. Lesezeit
Weiter lernen mit
JavaScript: Das komplette Tutorial
Ein vollständiges JavaScript-Tutorial von Grund auf: jedes Sprachfeature Schritt für Schritt erklärt, an einer einzigen, durchgehenden Haushaltsbuch-App aus reinem Node.js/JavaScript – ohne Framework, ausschließlich die Sprache selbst.
Serie ansehen
React Native für Profis: State-Management, Performance und Internals
Die fortgeschrittene Fortsetzung von "React Native für Einsteiger": Wir bauen die produktkatalog-app mit Zustand und Redux Toolkit weiter aus, optimieren Performance, schauen React Native selbst unter die Haube (New Architecture, Fabric, JSI), migrieren zu TypeScript und bereiten auf Vorstellungsgespräche vor.
Serie ansehen
React Native & Magento: Produktdaten live aus dem Shop laden
Ein fokussiertes React-Native-Projekt, das echte Produktdaten über die Magento REST API lädt: API aktivieren, Zugangsdaten einrichten, Produktliste mit FlatList und Pagination sowie eine Detailseite mit allen Produktdaten – Schritt für Schritt zum Nachtippen.
Serie ansehen