eQuantic.UI

Documentação eQuantic.UI

Início

Inicie com eQuantic.UI

Simplifique o desenvolvimento web com C#. O eQuantic.UI compila os seus componentes para TypeScript otimizado, oferecendo o melhor do ecossistema .NET com a performance do browser moderno.

ASP.NET Core 8+

C# 12+ Support

Zero JS Runtime

Pré-requisitos

Certifique-se de ter o .NET SDK 8.0 ou superior instalado. O compilador do eQuantic.UI depende do Node.js ou Bun para a geração dos pacotes finais de frontend.

Instalação via CLI

A forma mais rápida de começar é utilizando os nossos templates oficiais. Eles vêm pré-configurados com suporte a Tailwind CSS, Hot Reload e SSR.

# Install official templates
dotnet new install eQuantic.UI.Templates

# Create new application (choose your starter)
dotnet new equantic-app -n MyApp     # Full application
dotnet new equantic-minimal -n MyApp # Minimal setup (ideal for libraries)

Configuração Inicial

No seu Program.cs, a configuração é declarativa. O método AddUI é o ponto de entrada para todas as funcionalidades.

builder.Services.AddUI(options =>
{
    options.ScanAssembly(typeof(Program).Assembly)
           .WithSsr()           // Required for SEO/Performance
           .UseTailwind()       // Automatic style engine
           .UseLucideIcons()    // Default icon pack
           .WithAssetVersioning(); // Automatic cache busting
});

var app = builder.Build();

app.UseStaticFiles();
app.UseServerActions(); // Important: must come before MapUI
app.MapUI();

app.Run();

Conceitos Fundamentais

Composição Pura

Tudo é um componente. Combine Stateless e Stateful components de forma aninhada para criar padrões complexos e reutilizáveis sem complicações.

Server Rendering (SSR)

O HTML inicial é servido diretamente pelo ASP.NET Core. Isso garante o melhor tempo de resposta inicial, SEO otimizado e uma experiência fluida mesmo em conexões lentas.

Hot Reload Real

As alterações no seu código C# são refletidas instantaneamente no browser. O compilador detecta modificações e recarrega apenas as partes necessárias.

Pronto para aprofundar?

Aprenda como integrar o eQuantic.UI com serviços existentes e Server Actions.

Integração Server-Side