com.byeolnaerim:webflux-fe-dev-assistant
Genera OpenAPI·AsyncAPI, esqueleto de manejador y enumeración de campos de MongoDB basado en la fuente del backend para reducir la duplicación con el frontend
Uso básico de FlexLayout
Ejemplo de configuración de una vista dividida redimensionable en su forma más simple.
A la izquierda está el código, a la derecha se muestra la pantalla de funcionamiento real con la misma estructura.
Código
import { FlexLayout, FlexLayoutContainer } from "@byeolnaerim/flex-layout";
<FlexLayout direction="column" layoutName="column-layout">
<FlexLayoutContainer containerName="top-container" isResizePanel>
<FlexLayout direction="row" layoutName="top-layout">
<FlexLayoutContainer containerName="top-left" isResizePanel grow={1.3}>
...
</FlexLayoutContainer>
<FlexLayoutContainer containerName="top-right" grow={0.7}>
...
</FlexLayoutContainer>
</FlexLayout>
</FlexLayoutContainer>
<FlexLayoutContainer containerName="bottom-container">
<FlexLayout direction="row" layoutName="bottom-layout">
<FlexLayoutContainer containerName="bottom-left" isResizePanel grow={0.3}>
...
</FlexLayoutContainer>
<FlexLayoutContainer containerName="bottom-right" grow={1.7}>
...
</FlexLayoutContainer>
</FlexLayout>
</FlexLayoutContainer>
</FlexLayout>
El patrocinio mejora el mantenimiento y la calidad.
Se utiliza directamente para actualizaciones de la biblioteca, documentación/ejemplos, corrección de errores y desarrollo de nuevas funciones. Un pequeño patrocinio es realmente un gran apoyo.