Mes documents

Barre latérale multi-racine

flex-layout

  • Getting Started

  • Guides

  • Reference

typed-rx-http

  • Getting Started

  • Guides

  • Reference

global-rx-state

  • Getting Started

  • Guides

  • Reference

webflux-fe-dev-assistant

reactive-mongo-dsl

Installation

Selon React / Next.js (App Router)

Cette bibliothèque peut être utilisée dans un environnement React pur et dans l'environnement Next.js App Router, le point d'entrée spécifique à Next.js prend en charge les versions de 14.2 à moins de 17.

rxjs (>= 7) et fast-deep-equal (3.1.3) sont inclus comme dépendances d'exécution de la bibliothèque, il n'est donc généralement pas nécessaire de les installer séparément.

Les définitions de type (.d.ts) sont incluses dans le package et peuvent être utilisées directement dans TypeScript.

Les styles sont importés dans les composants sur la base de CSS Modules et fonctionnent sans import CSS global séparé.


Exigences
  • React >= 18, React DOM >= 18peerDependencies
  • Next.js >= 14.2 < 17 est une dépendance optionnelle requise lors de l'utilisation de @byeolnaerim/flex-layout/next.
Installer
bash

Écran partagé URL Next.js

Pour déposer un page.tsx dans FlexLayoutSplitScreen de Next.js uniquement avec l'URL, utilisez @byeolnaerim/flex-layout/next et /next/generator. Cette configuration n'est pas nécessaire pour l'utilisation standard de FlexLayout.

tsx

Si des erreurs se produisent en raison de l'inclusion dans le scope côté serveur selon la configuration de l'environnement/de la build, utilisez l'une des options ci-dessous.

Option 1. Créer un fichier wrapper client et exporter.
FlexLayoutClient.tsx
tsx
Et dans le Server Component :
tsx
Option 2. import dynamique
tsx
© 2026 Byeolnaerim. Tous droits réservés.PrésentationPolitique de confidentialité