com.byeolnaerim:webflux-fe-dev-assistant
Gera OpenAPI·AsyncAPI, esqueleto de manipulador e enumeração de campo MongoDB com base na fonte do backend para reduzir a duplicação com o frontend
Uso básico do FlexLayout
Exemplo de configuração de uma Split View redimensionável na forma mais simples.
À esquerda está o código, à direita está a tela de execução real com a mesma estrutura.
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>
O apoio melhora a manutenção e a qualidade.
Usado diretamente para atualizações da biblioteca, documentação/exemplos, correções de bugs e desenvolvimento de novas funcionalidades. Pequenos apoios realmente fazem uma grande diferença.