Documentação eQuantic.UI

Arquitetura Core

Arquitetura de Componentes

Construa interfaces modulares e reutilizáveis utilizando a composição pura de C#. O eQuantic.UI oferece um sistema de tipos robusto para definir o comportamento e a aparência dos seus elementos.

HtmlNode

A unidade base de tudo. Todos os elementos HTML (Div, Span, Button) herdam de HtmlNode. Eles são leves e otimizados para renderização rápida tanto no servidor quanto no cliente.

public class BaseComponent : StatefulComponent
{
    [Parameter] public string Title { get; set; }
    
    // Lifecycle: OnInitialized -> OnParametersSet -> OnAfterRender
    protected override async Task OnInitializedAsync()
    {
        // Initialization logic (e.g., load data)
    }

    public override HtmlNode Build() =>
        new Div("card") {
            Children = {
                new H3(Title),
                Content // Render component children
            }
        };
}

Stateless

Componentes Puros

Renderização rápida e previsível sem estado interno ou ciclo de vida complexo.

Stateful

Componentes Reativos

Gerencie eventos do browser e estado interno com um ciclo de vida robusto.

Catálogo de Componentes

Estrutura & Layout

Grid, FlexBox, Container e Section. Padrões de layout modernos utilizando CSS Flex/Grid.

Formulários & Inputs

Buttons, Inputs controlados, Checkboxes e Selects com validação integrada.

Display & Superfícies

Cards, Badges, Modals e Tooltips para exibição de informação estruturada.

Compound Components

Utilize componentes compostos para criar APIs intuitivas. O exemplo do Card demonstra como estruturar sub-elementos de forma declarativa.

new Card {
    Header = new CardHeader("Title"),
    Content = new CardContent {
        new Text("Card content...")
    },
    Footer = new CardFooter {
        new Button("Action")
    }
};

Renderização Otimizada

O compilador eQuantic.UI analisa a árvore de componentes e extrai automaticamente as classes CSS estáticas em build-time, reduzindo o JS enviado ao cliente em até 60% comparado com frameworks tradicionais.