Bitte wählen Sie die Bereiche, die Sie exportieren möchten:
Schulung React Native Einführung: Hands-on für Entwickler für iOS und Android
Praxisnah mobile Apps mit React Native, Expo, JavaScript und React entwickeln
Schulungsformen
Inhouse-/Firmenschulung
- 2 Tage - anpassbar
- Termin nach Wunsch
- In Ihrem Hause oder bei der GFU
- Preis nach Angebot
- Lernumgebung in der Cloud
- Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.
Individualschulung
- 2 Tage - anpassbar
- Termin nach Wunsch
- In Ihrem Hause oder bei der GFU
- Preis nach Angebot
- Lernumgebung in der Cloud
- 1 Teilnehmender = Fokus aufs Fachliche und maximaler Raum für individuelle Fragen.
Beschreibung
Dieser Kurs führt Sie als Web- und Frontend-Entwickler praxisnah in React Native ein. Über zwei Tage entsteht Schritt für Schritt eine lauffähige App: von der ersten Oberfläche aus nativen Komponenten über Navigation, Formulare und Datenabfragen bis zum Zugriff auf Gerätefunktionen und dem Weg in die App-Stores. Der Kurs setzt auf Expo, den von React Native offiziell empfohlenen Rahmen für neue Projekte.
Der Bedarf an mobilen Apps wächst, während native Spezialisten für iOS und Android teuer und schwer zu finden sind. React Native schließt diese Lücke: Ein bestehendes Web- oder React-Team liefert mobile Apps für beide Plattformen aus einer Codebasis, ohne zwei zusätzliche Technologiestacks zu beherrschen. Das senkt Kosten, verkürzt die Einarbeitung und macht Teams flexibler. Der Kurs ist der natürliche nächste Schritt für alle, die React bereits im Web einsetzen.
Ergänzend zum bestehenden Seminar React Native für Führungskräfte S3776, das die strategische Entscheidung für die Technologie adressiert, schließt dieser Kurs die praktische Lücke. Sie lernen, das strategisch Beschlossene selbst umzusetzen und lauffähige Apps zu bauen. Die beiden Seminare ergänzen sich: Das eine trifft die Entscheidung, das andere setzt sie um.
Erfahren Sie mehr durch eine zusätzliche Android Weiterbildung aus unserem Seminarangebot.
Schulungsziel
Am Ende des Seminars können Sie ein React-Native-Projekt mit Expo eigenständig aufsetzen und auf echten Geräten sowie im Emulator testen. Sie bauen Oberflächen aus nativen Komponenten auf und gestalten diese mit Flexbox und StyleSheet. Außerdem verwalten Sie Zustand, Formulare und Benutzereingaben mit Hooks, stellen Listen performant dar und laden Daten aus dem Netz. Sie navigieren mit React Navigation oder Expo Router zwischen mehreren Screens und greifen auf Gerätefunktionen wie Kamera, Standort und Benachrichtigungen zu.
Details
Inhalt
- Ziele und Erwartungen der Teilnehmenden
- Klärung individueller Lernziele und Erwartungen für ein praxisnahes und relevantes Seminar
- 1. Ziele und Erwartungen der Teilnehmenden
- Klärung individueller Lernziele und Erwartungen
- Überblick über die eigenen Ausgangsprojekte und Zielplattformen
- 2. React Native im Überblick
- Was React Native ist: mit JavaScript und React native Apps für iOS und Android bauen
- Abgrenzung zu nativer Entwicklung mit Swift und Kotlin, Web-App, PWA und Flutter
- Wie React Native funktioniert: JavaScript trifft native Komponenten, die New Architecture mit Fabric, TurboModules und JSI sowie die Hermes-Engine
- Das Ökosystem: Expo als empfohlener Rahmen gegenüber der React Native CLI
- 3. Projekt-Setup und Entwicklungsumgebung
- Node.js und Expo einrichten, Projekt mit create-expo-app anlegen und die TypeScript-Vorlage verwenden
- Die App testen: Expo Go auf dem echten Gerät, Android-Emulator und iOS-Simulator
- Projektstruktur, Fast Refresh und die React Native DevTools
- 4. Von React zu React Native: die Kernkomponenten
- Kein HTML und kein DOM: View, Text, Image und ScrollView statt div, span und img
- JSX für mobile Oberflächen, Props und bedingtes Rendern
- Interaktion auf dem Touchscreen: Pressable und der onPress-Handler
- 5. Layout und Styling ohne CSS
- StyleSheet und Inline-Styles statt CSS-Dateien
- Flexbox als Standard-Layout, einschließlich des Unterschieds zum Web mit der Standardrichtung column
- Anpassung an Bildschirmgrößen, SafeAreaView und plattformspezifische Styles
- Ausblick: NativeWind als Tailwind-Ansatz
- 6. State, Formulare und Benutzereingaben
- State und Hooks mit useState und useEffect: Das React-Wissen trägt unverändert weiter
- Texteingaben mit TextInput, kontrollierte Felder und Tastatur-Handling
- Validierung und freundliche Nutzerführung
- 7. Listen und Daten aus dem Netz
- Große Listen performant darstellen: FlatList und SectionList statt map sowie Ausblick auf FlashList
- API-Abfragen mit fetch, Lade- und Fehlerzustände über den Effect-Hook
- Lokale Datenspeicherung mit AsyncStorage
- 8. Navigation zwischen Screens
- React Navigation mit Stack, Tabs und Drawer oder Expo Router mit dateibasiertem Routing
- Parameter zwischen Screens übergeben und Kopfzeilen konfigurieren
- Ausblick: Deep Links
- 9. Zugriff auf Gerätefunktionen
- Plattformunterschiede behandeln mit dem Platform-Modul sowie iOS gegenüber Android
- Berechtigungen anfragen, Beispiele über Expo-Module: Kamera, Standort und Push-Benachrichtigungen
- 10. Testen, Bauen und Veröffentlichen
- Debugging und häufige Stolperfallen
- Komponenten testen mit Jest und React Native Testing Library
- Die App bauen mit EAS Build, App-Icon und Splash-Screen sowie der Weg in App Store und Play Store
- Ausblick: Over-the-Air-Updates mit Expo Updates
- Ergebnis: Sie haben eine lauffähige App gebaut und kennen den Weg bis zur Veröffentlichung.
Zielgruppe & Vorkenntnisse
Das Seminar richtet sich an Web- und Frontend-Entwickler.
Angesprochen sind JavaScript-Entwickler, die mobile Apps erstellen wollen.
Das Seminar eignet sich außerdem für React-Entwickler, die ihr Wissen auf iOS und Android erweitern.
Ebenfalls angesprochen sind Entwicklungsteams, die plattformübergreifende Apps aus einer Codebasis planen.
Teilnahmevoraussetzungen
Sie benötigen JavaScript-Kenntnisse.
React-Grundlagen zu Komponenten, JSX, Props, State und Hooks sind von Vorteil, da React Native darauf aufbaut.
Der Kurs eignet sich ideal als Anschluss an die Schulung React Einführung: Grundlagen für Web-Entwickler S1976.
Ihre Schulung
In Präsenz | Online |
|---|---|
| Lernmethode | |
Ausgewogene Mischung aus Theorie und praktischen Übungen auf persönlichem Schulungs-PC. | Wie auch bei unseren Präsenz-Seminaren: Ausgewogene Mischung aus Theorie und praktischen Übungen. Trainer durchgehend präsent. |
| Unterlagen | |
Seminarunterlagen oder Fachbuch inklusive. Das Fachbuch wählt der Trainer passend zum Seminar aus - Ihren individuellen Buch-Wunsch berücksichtigen wir auf Nachfrage gerne. | Seminarunterlagen oder Fachbuch inklusive (via DHL). Das Fachbuch wählt der Trainer passend zum Seminar aus - Ihren individuellen Buch-Wunsch berücksichtigen wir auf Nachfrage gerne. |
| Arbeitsmaterialien | |
Din A4 Block, Notizblock, Kugelschreiber, USB-Stick, Textmarker, Post-its | |
| Teilnahmezertifikat | |
Nach Abschluss des Seminars erhalten Sie das Teilnahmezertifikat inkl. Inhaltsverzeichnis per E-Mail als PDF. | |
Organisation
In Präsenz | Online | |
|---|---|---|
| Teilnehmendenzahl | ||
min. 1, max. 8 Personen | ||
| Garantierte Durchführung * | ||
Ab 1 Teilnehmenden | ||
| Schulungszeiten | ||
| ||
| Ort der Schulung | ||
 GFU SchulungszentrumAm Grauen Stein 27 51105 Köln-Deutz oder online im Virtual Classroom oder europaweit bei Ihnen als Inhouse-Schulung Um ein optimales Raumklima zu gewährleisten, haben wir das Schulungszentrum mit 17 hochmodernen Trotec TAC V+ Luftreinigern ausgestattet. Diese innovative Filtertechnologie (H14 zertifiziert nach DIN EN1822) sorgt dafür, dass die Raumluft mehrfach pro Stunde umgewälzt wird und Schadstoffe zu 99.995% im HEPA-Filter abgeschieden und infektiöse Aerosole abgetötet werden. Zusätzlich sind alle Räume mit CO2-Ampeln ausgestattet, um jederzeit eine hervorragende Luftqualität sicherzustellen. | ||
| Räumlichkeiten | ||
Helle und modern ausgestattete Räume mit perfekter Infrastruktur | Bequem aus dem Homeoffice von überall | |
| All-Inclusive | ||
Frühstück, Snacks und Getränke ganztägig, Mittagessen im eigenen Restaurant, täglich 6 Menüs, auch vegetarisch | Eine Auswahl unserer Frühstücks-Snacks und Nervennahrungs-Highlights senden wir Ihnen mit den Seminarunterlagen via DHL zu. | |
| Barrierefreiheit | ||
Das GFU-Schulungszentrum (Am Grauen Stein 27) ist barrierefrei | - | |
Kostenfreie Services
In Präsenz | Online |
|---|---|
|
|
Buchungsmöglichkeiten
Online oder in Präsenz teilnehmen
Sie können sowohl Online als auch in Präsenz am Seminar teilnehmen. Klicken Sie bei Ihrer Buchung oder Anfrage einfach die entsprechende Option an.
- Lernumgebung in der Cloud
- Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.
- Lernumgebung in der Cloud
- 1 Teilnehmender = Fokus aufs Fachliche und maximaler Raum für individuelle Fragen.
Was bedeutet Offene Schulung und Inhouse Schulung?
Bei einer offenen Schulung stehen Ort und Termin vorab fest. Jeder Interessent kann eine offene Schulung buchen, daher treffen Teilnehmer aus verschiedenen Unternehmen aufeinander.
Inhouse Schulungen können auf Ihren individuellen Schulungsbedarf zugeschnitten werden. Sie bestimmen den Teilnehmerkreis, Termin und Schulungsort.
Ist eine Inhouse Schulung die richtige Wahl?
Bei einer Inhouse Schulung gehen wir auf die individuellen Bedürfnisse Ihres Unternehmens ein und decken den Schulungsbedarf direkt bei Ihnen im Unternehmen ab.
Das spart Zeit und Geld und sorgt für einen schnellen Wissenstransfer Ihrer Mitarbeiter.
Wer kümmert sich um die Technik bei Inhouse Schulungen?
Eine komplette Lernumgebung in der Cloud mit Remote Zugriff ist für uns selbstverständlich. Sie müssen sich um nichts kümmern. Lediglich ein funktionierender PC oder Notebook mit Internetanschluss sollte für jeden Teilnehmer am Schulungstag bereit stehen.
Vorteile einer Inhouse Schulung
- Kompetente Seminarberatung
- Dozenten aus der Praxis
- Auf Ihre Bedürfnisse zugeschnittener individueller Lernstoff
- Sie können den Termin flexibel gestalten, so wie es für Sie am besten passt
- Unsere Inhouse Schulungen können Europaweit durchgeführt werden
- Der Fokus liegt auf Ihrem Schulungsbedarf, somit schonen Sie Ihr Budget
- Wissenslücken Ihrer Mitarbeitet werden schnell geschlossen