Mis Documentos

Barra lateral de múltiples raíces

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

Instalación

React / Next.js (App Router) 기준

Esta biblioteca se puede usar en entornos de React puro y en el entorno de Next.js App Router, y el punto de entrada exclusivo de Next.js admite versiones de 14.2 a menos de 17.

rxjs (>= 7) y fast-deep-equal (3.1.3) están incluidos como dependencias de tiempo de ejecución de la biblioteca, por lo que normalmente no es necesario instalarlos por separado.

Las definiciones de tipo (.d.ts) están incluidas en el paquete y se pueden usar directamente en TypeScript.

Los estilos se importan en los componentes basados en CSS Modules y funcionan sin necesidad de importar CSS global adicional.


Requisitos
  • React >= 18, React DOM >= 18peerDependencies
  • Next.js >= 14.2 < 17 es una dependencia opcional necesaria al usar @byeolnaerim/flex-layout/next.
Instalar
bash

En el enrutador de aplicaciones de Next.js, se especifica solo la URL para renderizar el page.tsx en el servidor y se suelta en un nuevo panel de FlexLayoutSplitScreen.

Para soltar page.tsx en FlexLayoutSplitScreen de Next.js solo con URL, utiliza @byeolnaerim/flex-layout/next y /next/generator. Esta configuración no es necesaria para el uso normal de FlexLayout.

tsx

Si se producen errores debido a problemas como la inclusión en el ámbito del lado del servidor según la configuración del entorno/construcción, use una de las siguientes opciones.

Opción 1. Crear un archivo de envoltura del cliente y exportar.
FlexLayoutClient.tsx
tsx
Y en el Server Component:
tsx
Opción 2. importación dinámica.
tsx
© 2026 Byeolnaerim. Todos los derechos reservados.IntroducciónPolítica de privacidad