Es verhindert den Zugriff auf APIs durch Sicherheitsbeschränkungen

Es ersetzt die Notwendigkeit von Komponenten vollständig

Es benötigt keinen JavaScript-Code im Browser

Es bietet serverseitiges Rendering (SSR), clientseitiges Rendering (CSR), statische Seiten-Generierung (SSG) und integriertes Routing out-of-the-box

Durchführung von Nebenwirkungen wie API-Aufrufen oder Event-Listener-Registrierungen.

Definition der TSX-Struktur einer Komponente.

Direkte Manipulation des DOM ohne Nebenwirkungen.

Initialisierung von CSS-Klassen für Komponenten.

Er sorgt dafür, dass Komponenten ausschließlich synchron aktualisiert werden.

Er wird verwendet, um Nebeneffekte wie Datenabruf, Abonnements oder manuelle DOM-Manipulationen in funktionalen Komponenten auszuführen.

Er ersetzt die Notwendigkeit von State-Management in React-Komponenten.

Er ermöglicht das direkte Aktualisieren des DOM ohne den Renderzyklus.

React ignoriert die Aktualisierung und rendert nicht erneut

Der State wird zurückgesetzt

React gibt eine Warnung in der Konsole aus

Die Komponente rendert trotzdem neu

Ein CSS-Stil, der das Layout der Anwendung bestimmt.

Ein externes API, das Daten von einem Server abruft.

Ein JavaScript-Objekt, das ausschließlich für Routing zuständig ist.

Eine Funktion oder Klasse, die UI-Elemente und deren Verhalten definiert.

 Es verhindert den Zugriff auf APIs durch Sicherheitsbeschränkungen

Es ersetzt die Notwendigkeit von Komponenten vollständig

Es benötigt keinen JavaScript-Code im Browser

Es bietet serverseitiges Rendering (SSR), clientseitiges Rendering (CSR), statische Seiten-Generierung (SSG) und integriertes Routing out-of-the-box

page.tsx wird ausschließlich für API-Endpunkte genutzt, während layout.tsx für das Rendering von Komponenten zuständig ist.

page.tsx enthält globale CSS-Definitionen, während layout.tsx nur für das Routing zuständig ist.

page.tsx definiert den spezifischen Inhalt einer Route, während layout.tsx ein gemeinsames Layout (z. B. Header, Footer) für alle untergeordneten Seiten bereitstellt.

Beide Dateien haben dieselbe Funktion und können austauschbar verwendet werden.