React Native Referenz: Einführung in die Themensammlung

Dieses Kapitel ist der Ausgangspunkt der React-Native-Referenz: eine Themensammlung, die – anders als unser Einsteiger-Tutorial – nicht EIN gemeinsames Projekt Schritt für Schritt aufbaut, sondern jedes Thema (jede Komponente, jede API, jedes UI-Element) einzeln, mit eigenem kleinen Beispielprojekt, erklärt. Gedacht zum gezielten Nachschlagen, nicht zwingend zum linearen Durcharbeiten.

Voraussetzungen

Diese Referenz setzt voraus, dass Sie React Native bereits grundsätzlich kennen – Komponenten, Props, State, JSX. Falls nicht, ist unser Tutorial "React Native für Einsteiger" der bessere erste Anlaufpunkt; hier steigen wir direkt in konkrete Bausteine ein, ohne Grundlagen erneut zu erklären.

Wie diese Referenz aufgebaut ist

Jedes Thema in dieser Serie folgt demselben, immer gleichen Fünf-Schritte-Schema:

Beschreibung – was das Thema ist und wofür man es braucht.
Kurzes Beispiel – der minimale Code-Ausschnitt, der das Konzept zeigt.
Komplettes Projekt – ein eigenständiges Mini-Projekt nur zu diesem Thema, von der Projekterstellung bis zum lauffähigen Ergebnis.
Erklärung – jede verwendete Funktion, jede Prop, jeder Import Zeile für Zeile erklärt.
Ausgaben – was Sie auf dem Bildschirm sehen sollten, wenn alles funktioniert.

Weil jedes Thema sein EIGENES Mini-Projekt bekommt, können Sie direkt zu dem Thema springen, das Sie gerade brauchen, ohne vorherige Kapitel gelesen zu haben – anders als bei unserem durchgehenden Einsteiger-Projekt, bei dem Kapitel aufeinander aufbauen.

Die fünf Themenbereiche

Components – die eingebauten Bausteine von React Native (Listen, ScrollView, Navigation, Eingabefelder, ...).
APIs – Gerätefunktionen und System-Dialoge (Switch, Alert).
UI-Elemente – wie Sie typische Oberflächen-Muster bauen (Buttons, Tabellen, Suchleisten, Animationen, ...).
Fortgeschrittene Konzepte – Netzwerk, Threads, Bildschirmwechsel, Plattform-Erkennung.
Beispiel-Apps – vollständige, kleine Apps (ToDo, Kalender, Emoji-Picker, Passwort-Manager, BMI-Rechner, Blog), die mehrere Themen kombinieren.

Tipp: Alle Code-Beispiele in dieser Referenz sind eigenständig formuliert und mit eigenen Beispieldaten geschrieben – auch wenn sich die Themenauswahl an gängigen React-Native-Nachschlagewerken orientiert, ist jeder Satz und jede Codezeile hier original.