AngeLite

Un framework de señales con plantillas al estilo de Angular: pequeño, rápido y seguro.

Señales · plantillas estilo Angular · sin Zone.js

AngeLite te da lo que más se echa de menos de Angular —@if, @for, @defer, componentes con inputs y outputs, inyección de dependencias, router— en un núcleo de unos 6 KB que actualiza solo lo que cambia. Y no se queda corto: formularios, HTTP, i18n, SSR y una biblioteca de 33 componentes accesibles existen como módulos opcionales, y solo pagas por los que importas.

Empezar Ver los componentes Ver el benchmark

Un componente, completoen vivo

Ver el código

const { signal, component, mount } = AngeLite;

class Counter {
  count = signal(0);
  inc() { this.count.update(n => n + 1); }
}
component(Counter, {
  template: `
    <button (click)="inc()">Clics: {{ count() }}</button>
    @if (count() > 2) {<b class="big"> ¡Ya van {{ count() }}!</b>}`
});
mount(Counter, root);

Por qué AngeLite#

Pequeño de verdadUna app con plantillas precompiladas pesa lo que el framework más ligero. Lo que no usas no se descarga: cada módulo es opcional y los componentes se pueden importar de uno en uno.

Rápido sin trucosSeñales de grano fino, eventos delegados y listas con reordenado mínimo. Un presupuesto de rendimiento en el CI evita que una función nueva lo estropee.

Seguro por defectoEl texto se escapa, las URL se sanean, [innerHTML] exige trustHtml() y las expresiones nunca ven window. Sin eval: funciona con una CSP estricta y Trusted Types.

Sintaxis conocidaSi has escrito Angular moderno, ya sabes escribirlo: @if, @for, [prop], (evento), [(ngModel)], pipes, inputs y outputs.

Con baterías opcionalesRouter con guards y carga diferida, formularios reactivos, cliente HTTP, i18n, animaciones, SSR, DevTools, tipos de TypeScript y utilidades de test.

Medido con honestidadEl benchmark compara contra Preact, Vue, React y Angular con la misma app, y la comparativa dice también lo que nos falta.

Por dónde seguir#

Inicio rápidoInstala, escribe tu primer componente y elige cómo enviarlo. Señales y plantillasEl modelo reactivo y la sintaxis de las plantillas. Biblioteca de componentes33 componentes accesibles, con controles para probarlos y notas de accesibilidad. Referencia de la APIGenerada desde los tipos: cada firma es la real. BenchmarkPeso, arranque, memoria y velocidad frente a otros cuatro frameworks. Comparativa38 características y dónde las ofrece cada framework.