Installation
React / Next.js (App Router) Basis
Diese Bibliothek kann in einer reinen React-Umgebung und in der Next.js App Router-Umgebung verwendet werden, wobei der Next.js-spezifische Einstiegspunkt Version 14.2 bis unter 17 unterstützt.
rxjs (>= 7) und fast-deep-equal (3.1.3) sind als Laufzeitabhängigkeiten der Bibliothek enthalten und müssen normalerweise nicht separat installiert werden.
Die Typdefinitionen (.d.ts) sind im Paket enthalten und können direkt in TypeScript verwendet werden.
Stile werden auf Basis von CSS-Modulen in den Komponenten importiert und funktionieren ohne separate globale CSS-Imports.
Anforderungen
- React >= 18, React DOM >= 18
peerDependencies - Next.js >= 14.2 < 17 ist eine optionale Peer-Abhängigkeit, die beim Einsatz von @byeolnaerim/flex-layout/next erforderlich ist.
Installieren
Next.js URL Split Screen
Um page.tsx nur mit der URL in FlexLayoutSplitScreen in Next.js zu ziehen, verwenden Sie @byeolnaerim/flex-layout/next und /next/generator. Diese Einstellung ist für die allgemeine Verwendung von FlexLayout nicht erforderlich.
@byeolnaerim/flex-layoutDie Hauptkomponenten sind intern "use client"deklariert, sodass sie nach dem Import in einem Server Component (z.B.: app/layout.tsx) sofort gerendert werden können.Wenn aufgrund von Umgebungs-/Build-Einstellungen Probleme auftreten, bei denen der Server-Seitenbereich einbezogen wird, verwenden Sie eine der folgenden Optionen.