Guías
Organiza la forma de combinación del flex-layout según el flujo de uso real.
Organizamos las reglas básicas de dirección row/column, layoutName/containerName y diseño anidado.
Configuramos paneles redimensionables con isResizePanel, grow, panelMode y panelMovementMode.
Plegamos y desplegamos paneles con containerOpenCloseSubjectMap y el hook de doble clic.
Guardamos y restauramos el valor de crecimiento ajustado por el usuario en el almacenamiento con rememberResize.
Configuramos una pantalla dividida dinámica similar a VS Code con FlexLayoutSplitScreen.
Renderiza page.tsx en un panel dividido en Next.js App Router y restaura el estado de división por actualización/URL del navegador.
Creamos elementos de pestañas/tarjetas/menu arrastrables con FlexLayoutSplitScreenDragBox.
Creamos una UI fija dentro de los límites del diseño con stickyMode y FlexLayoutStickyBox.
Sincronizamos la altura del contenedor con la altura del viewport y el contenido usando FlexLayoutDynamicHeight.
Guardamos/restauramos la posición de desplazamiento interna de la pantalla dividida con FlexLayoutSplitScreenScrollBox.
Plegamos y restauramos el contenedor de encabezado del diseño raíz según el desplazamiento con useFlexLayoutControl.
Usamos hooks de paginación de lista para desplazamiento infinito/paginado basado en centinela.