React vs. React Native: Die Unterschiede im Überblick

React (für das Web) und React Native teilen sich denselben Kern – Komponenten, Props, State, Hooks – unterscheiden sich aber grundlegend darin, WAS am Ende gerendert wird und WIE Sie stylen. Diese Übersicht fasst die wichtigsten Unterschiede kompakt zusammen.

1. Beschreibung

React ist eine Bibliothek zum Bauen von Benutzeroberflächen, die als RENDER-ZIEL das Browser-DOM verwendet. React Native nutzt exakt dasselbe React-Kernkonzept, rendert aber auf ECHTE native UI-Komponenten (siehe Thema "Funktionsweise von React Native") statt auf HTML.

Direkter Vergleich

React (Web)	React Native
`<div>`, `<p>`, `<img>`	`<View>`, `<Text>`, `<Image>`
CSS-Datei oder `className`	JavaScript-Objekt via `StyleSheet.create()`
`onClick`	`onPress` (Touch statt Maus-Klick)
Rendert HTML im Browser-DOM	Rendert echte native iOS-/Android-Views
`npm create vite@latest` o. ä.	`npx create-expo-app`
Läuft überall, wo ein Browser läuft	Läuft als installierte App auf iOS/Android (Web-Export zusätzlich möglich)
Flexbox ist eine Option von mehreren Layoutsystemen	Flexbox ist das EINZIGE Layoutsystem, Standard-`flexDirection` ist `column`

Was komplett identisch bleibt

Komponenten als Funktionen, die JSX zurückgeben.
Props zur Datenübergabe zwischen Komponenten.
Alle Hooks: useState, useEffect, useRef, useContext, Custom Hooks.
fetch()/async/await für Netzwerk-Anfragen.
Das Denken in "deklarativer" Oberfläche statt manueller DOM-/View-Manipulation.

Tipp: Wer bereits Web-React kennt, hat den größten Teil des Lernaufwands für React Native bereits hinter sich – es bleibt vor allem, die neuen Bausteine (View statt div, StyleSheet statt CSS) kennenzulernen, nicht das zugrunde liegende Programmiermodell.